27 changed files with 1191 additions and 366 deletions
@ -0,0 +1,111 @@ |
|||||||
|
|
||||||
|
<template> |
||||||
|
<view class="article-box"> |
||||||
|
<view class="headline">{{detail.title}}</view> |
||||||
|
<view class="acea-row"> |
||||||
|
<view class="header-img"><image src="../../../static/images/menu2.png"></image></view> |
||||||
|
<view class=""> |
||||||
|
<view class="release-auth">{{detail.author}}</view> |
||||||
|
<view class="acea-row"> |
||||||
|
<view class="fz24 acea-row row-middle"> |
||||||
|
<image src="../../../static/images/eye.png" class="eye-icon"></image> |
||||||
|
<text>203</text> |
||||||
|
|
||||||
|
</view> |
||||||
|
<view class="fz24">{{detail.addTime}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="content"> |
||||||
|
<view class="conter" v-html="detail.content"></view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { getArticleDetail } from "@/api/store"; |
||||||
|
export default{ |
||||||
|
data() { |
||||||
|
return{ |
||||||
|
id: this.id, |
||||||
|
detail: {} |
||||||
|
} |
||||||
|
}, |
||||||
|
onShareAppMessage() { |
||||||
|
return { |
||||||
|
title: this.detail.title, |
||||||
|
imageUrl: this.detail.imageInput, |
||||||
|
path: 'pages/life/articleDeail/index?id=' + this.detail.id, |
||||||
|
success(res) { |
||||||
|
uni.showToast({ |
||||||
|
title: '分享成功', |
||||||
|
}) |
||||||
|
}, |
||||||
|
fail(res) { |
||||||
|
uni.showToast({ |
||||||
|
title: '分享失败', |
||||||
|
icon: 'none', |
||||||
|
}) |
||||||
|
}, |
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
getArticleDetail(){ |
||||||
|
getArticleDetail({id: this.id}).then((res)=>{ |
||||||
|
this.detail = res.data |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad: function (option) { |
||||||
|
this.id= this.$yroute.query.id; |
||||||
|
this.getArticleDetail() |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="less"> |
||||||
|
.article-box{ |
||||||
|
width: 100%; |
||||||
|
min-height: 100vh; |
||||||
|
padding: 0 40rpx; |
||||||
|
.headline{ |
||||||
|
font-size: 32rpx; |
||||||
|
color: #333333; |
||||||
|
padding-top: 20rpx; |
||||||
|
margin-bottom: 30rpx; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
.header-img{ |
||||||
|
width: 72rpx; |
||||||
|
height: 72rpx; |
||||||
|
margin-right: 20rpx; |
||||||
|
image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
.release-auth{ |
||||||
|
font-size: 32rpx; |
||||||
|
color: #333; |
||||||
|
line-height: 44rpx; |
||||||
|
margin-bottom: 6rpx; |
||||||
|
} |
||||||
|
.fz24{ |
||||||
|
font-size: 24rpx; |
||||||
|
color: #707070; |
||||||
|
margin-right: 20rpx; |
||||||
|
} |
||||||
|
.eye-icon{ |
||||||
|
width: 24rpx; |
||||||
|
height: 24rpx; |
||||||
|
margin-right: 8rpx; |
||||||
|
} |
||||||
|
.content{ |
||||||
|
width: 100%; |
||||||
|
padding: 40rpx 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,177 @@ |
|||||||
|
<template> |
||||||
|
<view class="list-page"> |
||||||
|
|
||||||
|
<view class="search-box"> |
||||||
|
<view class="search-content acea-row row-middle"> |
||||||
|
<view class="search-icon"><image src="../../../static/images/search.png"> </image></view> |
||||||
|
<input type="text" placeholder="请输入相关关键词" /> |
||||||
|
<view class="search-btn">搜一下</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="list-box"> |
||||||
|
<view class="list-item acea-row row-between row-middle" v-for="(item,index) in articleList" :key="index" @click="toDetail(item.id)"> |
||||||
|
<view class="item-l"> |
||||||
|
<view class="title-box acea-row"> |
||||||
|
<image src="../../../static/images/hot.png" v-if="item.isHot"></image> |
||||||
|
<view class="title line2">{{item.title}}</view> |
||||||
|
</view> |
||||||
|
<view class="auth-info acea-row row-between"> |
||||||
|
<view class="auth">{{item.author}}</view> |
||||||
|
</view> |
||||||
|
<view class="acea-row row-middle"> |
||||||
|
<view class="auth time">{{item.createTime}}</view> |
||||||
|
<view class="see acea-row row-middle"> |
||||||
|
<text>200</text> |
||||||
|
<image src="../../../static/images/eye.png"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
<view class="item-r"> |
||||||
|
<image :src="item.imageInput" mode="aspectFill"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { getArticle } from "@/api/store"; |
||||||
|
export default{ |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
articleList: [], |
||||||
|
page: 0, |
||||||
|
size: 10, |
||||||
|
isLoading: true |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getArticleList() |
||||||
|
}, |
||||||
|
onReachBottom() { |
||||||
|
this.page= this.page+1 |
||||||
|
this.getArticleList() |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
getArticleList(){ |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
if(!this.isLoading) return |
||||||
|
getArticle({page: this.page,size: this.size, isHot: 0}).then((res)=>{ |
||||||
|
res.data.content.length < this.size ? this.isLoading = false : this.isLoading = true |
||||||
|
this.articleList = this.articleList.concat(res.data.content) |
||||||
|
uni.hideLoading() |
||||||
|
}) |
||||||
|
}, |
||||||
|
toDetail(id){ |
||||||
|
this.$yrouter.push({ |
||||||
|
path: '/pages/life/articleDetail/index', |
||||||
|
query: { |
||||||
|
id: id |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="less"> |
||||||
|
.list-page{ |
||||||
|
width: 100%; |
||||||
|
min-height: 100vh; |
||||||
|
background: #EEEEEE; |
||||||
|
.search-box{ |
||||||
|
width: 100%; |
||||||
|
padding: 32rpx 40rpx; |
||||||
|
background: #fff; |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
.search-icon{ |
||||||
|
width: 35rpx; |
||||||
|
height: 35rpx; |
||||||
|
margin-right: 12rpx; |
||||||
|
image{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
.search-content{ |
||||||
|
width: 100%; |
||||||
|
padding: 0 0 0 50rpx; |
||||||
|
border: 2rpx solid #FF5100; |
||||||
|
border-radius: 8rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
border-right: 0; |
||||||
|
input{ |
||||||
|
color: #BFBFBF; |
||||||
|
} |
||||||
|
.search-btn{ |
||||||
|
width: 132rpx; |
||||||
|
height: 68rpx; |
||||||
|
background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%); |
||||||
|
line-height: 68rpx; |
||||||
|
text-align: center; |
||||||
|
color: #fff; |
||||||
|
border-radius: 8rpx; |
||||||
|
margin-left: auto; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.list-box{ |
||||||
|
width: 100%; |
||||||
|
padding: 180rpx 40rpx 40rpx; |
||||||
|
.list-item{ |
||||||
|
width: 100%; |
||||||
|
background: #fff; |
||||||
|
border-radius: 12rpx; |
||||||
|
padding: 30rpx 28rpx; |
||||||
|
font-size: 24rpx; |
||||||
|
color: #707070; |
||||||
|
margin-bottom: 24rpx; |
||||||
|
.item-l{ |
||||||
|
width: calc(100% - 280rpx); |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: space-between; |
||||||
|
.title-box{ |
||||||
|
font-size: 32rpx; |
||||||
|
color: #4A4A4A; |
||||||
|
margin-bottom: 12rpx; |
||||||
|
image{ |
||||||
|
width: 19rpx; |
||||||
|
height: 22rpx; |
||||||
|
margin-right: 20rpx; |
||||||
|
} |
||||||
|
.title{ |
||||||
|
width: calc(100% - 38rpx); |
||||||
|
margin-top: -10rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.auth-info{ |
||||||
|
margin-bottom: 12rpx; |
||||||
|
} |
||||||
|
.see{ |
||||||
|
margin-left: 20rpx; |
||||||
|
image{ |
||||||
|
width: 24rpx; |
||||||
|
height: 24rpx; |
||||||
|
margin-left: 6rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.item-r{ |
||||||
|
width: 240rpx; |
||||||
|
image{ |
||||||
|
width: 100%; |
||||||
|
height: 130rpx; |
||||||
|
border-radius: 16rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -1,247 +1,274 @@ |
|||||||
<template> |
<template> |
||||||
<!--pages/user/completeData/index.wxml--> |
<!--pages/user/completeData/index.wxml--> |
||||||
<view class="page-box"> |
<view class="page-box"> |
||||||
<view class="back-btn" :style="'top:' + navTopHeight + 'rpx'" @tap="backPage"> |
<view class="back-btn" :style="'top:' + navTopHeight + 'rpx'" @tap="backPage"> |
||||||
<image src="/static/images/back.png" mode></image> |
<image src="/static/images/back.png" mode></image> |
||||||
|
</view> |
||||||
|
<view class="bg-img-box"> |
||||||
|
<image src="https://download.cyjyyjy.com/personalPage-bg.png"></image> |
||||||
|
</view> |
||||||
|
<view class="mail-box"> |
||||||
|
<view :class="showMove ? 'mail-img-box mail-top top-move' : 'mail-img-box mail-top'"> |
||||||
|
<image src="https://download.cyjyyjy.com/mail-t.png"></image> |
||||||
|
</view> |
||||||
|
<view class="mail-img-box mail-center"> |
||||||
|
<image src="https://download.cyjyyjy.com/mail-c.png"></image> |
||||||
|
</view> |
||||||
|
<view :class="showMove ? 'mail-img-box mail-bottom btm-move' : 'mail-img-box mail-top'"> |
||||||
|
<image src="https://download.cyjyyjy.com/mail-b.png"></image> |
||||||
|
</view> |
||||||
|
<view :class="(showMove ? 'word-move' : '') + ' tips'">信息已为您保存</view> |
||||||
|
<view class="pay-btn" @tap="toPay">成为体验官</view> |
||||||
|
<view class="tip">前1000名体验官可享限时专属价 ￥199/年</view> |
||||||
|
</view> |
||||||
|
|
||||||
</view> |
</view> |
||||||
<view class="bg-img-box"><image src="https://download.cyjyyjy.com/personalPage-bg.png"></image></view> |
|
||||||
<view class="mail-box"> |
|
||||||
<view :class="showMove ? 'mail-img-box mail-top top-move' : 'mail-img-box mail-top'"> |
|
||||||
<image src="https://download.cyjyyjy.com/mail-t.png"></image> |
|
||||||
</view> |
|
||||||
<view class="mail-img-box mail-center"> |
|
||||||
<image src="https://download.cyjyyjy.com/mail-c.png"></image> |
|
||||||
</view> |
|
||||||
<view :class="showMove ? 'mail-img-box mail-bottom btm-move' : 'mail-img-box mail-top'"> |
|
||||||
<image src="https://download.cyjyyjy.com/mail-b.png"></image> |
|
||||||
</view> |
|
||||||
<view :class="(showMove ? 'word-move' : '') + ' tips'">信息已为您保存</view> |
|
||||||
<view class="pay-btn" @tap="toPay">成为体验官</view> |
|
||||||
<view class="tip">前1000名体验官可享限时专属价 ￥199/年</view> |
|
||||||
</view> |
|
||||||
|
|
||||||
</view> |
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
// pages/user/completeData/index.js |
// pages/user/completeData/index.js |
||||||
const app = getApp(); |
const app = getApp(); |
||||||
|
|
||||||
export default { |
export default { |
||||||
data() { |
data() { |
||||||
return { |
return { |
||||||
showMove: false, |
showMove: false, |
||||||
navTopHeight: app.globalData.menuTop + app.globalData.navTopHeight + 10 |
navTopHeight: app.globalData.menuTop + app.globalData.navTopHeight + 10 |
||||||
}; |
}; |
||||||
}, |
}, |
||||||
|
|
||||||
components: {}, |
components: {}, |
||||||
props: {}, |
props: {}, |
||||||
|
|
||||||
/** |
/** |
||||||
* 生命周期函数--监听页面加载 |
* 生命周期函数--监听页面加载 |
||||||
*/ |
*/ |
||||||
onLoad: function (options) { |
onLoad: function(options) { |
||||||
this.setData({ |
this.setData({ |
||||||
showMove: true |
showMove: true |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
methods: { |
methods: { |
||||||
backPage() { |
backPage() { |
||||||
uni.navigateBack({ |
uni.navigateBack({ |
||||||
delta: 1 |
delta: 1 |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
|
|
||||||
toPay() { |
toPay() { |
||||||
app.http('post', 'vip/subscribeVip', {num: 1}).then(res => { |
app.http('post', 'vip/subscribeVip', { |
||||||
if (res.data.success) { |
num: 1 |
||||||
let orderInfo = res.data.data; |
}).then(res => { |
||||||
this.payment(orderInfo); |
if (res.data.success) { |
||||||
} else { |
let orderInfo = res.data.data; |
||||||
uni.showToast({ |
this.payment(orderInfo); |
||||||
title: res.data.msg, |
} else { |
||||||
icon: 'none' |
uni.showToast({ |
||||||
}); |
title: res.data.msg, |
||||||
} |
icon: 'none' |
||||||
}); |
}); |
||||||
}, |
} |
||||||
|
}); |
||||||
payment(orderInfo) { |
}, |
||||||
// 调用支付接口 |
|
||||||
uni.requestPayment({ |
payment(orderInfo) { |
||||||
provider: 'wxpay', |
// 调用支付接口 |
||||||
...orderInfo, |
uni.requestPayment({ |
||||||
signType: 'MD5', |
provider: 'wxpay', |
||||||
success: success => { |
...orderInfo, |
||||||
uni.showToast({ |
signType: 'MD5', |
||||||
title: '支付成功', |
success: success => { |
||||||
icon: 'success', |
uni.showToast({ |
||||||
duration: 3000 |
title: '支付成功', |
||||||
}); |
icon: 'success', |
||||||
uni.removeStorageSync('form'); |
duration: 3000 |
||||||
let time = setTimeout(() => { |
}); |
||||||
clearTimeout(time); |
uni.removeStorageSync('form'); |
||||||
uni.navigateTo({ |
let time = setTimeout(() => { |
||||||
url: '../mine/index' |
clearTimeout(time); |
||||||
}); |
uni.navigateTo({ |
||||||
}, 2000); |
url: '../mine/index' |
||||||
}, |
}); |
||||||
fail: error => { |
}, 2000); |
||||||
console.log(error); |
}, |
||||||
|
fail: error => { |
||||||
if (error.errMsg == 'requestPayment:fail cancel') { |
console.log(error); |
||||||
uni.showToast({ |
|
||||||
title: '已取消支付', |
if (error.errMsg == 'requestPayment:fail cancel') { |
||||||
icon: 'none', |
uni.showToast({ |
||||||
duration: 5000 |
title: '已取消支付', |
||||||
}); |
icon: 'none', |
||||||
} else { |
duration: 5000 |
||||||
uni.showToast({ |
}); |
||||||
title: error || error.msg, |
} else { |
||||||
icon: 'none', |
uni.showToast({ |
||||||
duration: 5000 |
title: error || error.msg, |
||||||
}); |
icon: 'none', |
||||||
} |
duration: 5000 |
||||||
} |
}); |
||||||
}); |
} |
||||||
} |
} |
||||||
} |
}); |
||||||
}; |
} |
||||||
|
} |
||||||
|
}; |
||||||
</script> |
</script> |
||||||
<style> |
<style> |
||||||
/* pages/user/completeData/index.wxss */ |
/* pages/user/completeData/index.wxss */ |
||||||
page{ |
page { |
||||||
width: 100%; |
width: 100%; |
||||||
height: 100vh; |
height: 100vh; |
||||||
} |
} |
||||||
.page-box{ |
|
||||||
width: 100%; |
.page-box { |
||||||
height: 100%; |
width: 100%; |
||||||
position: relative; |
height: 100%; |
||||||
} |
position: relative; |
||||||
.bg-img-box{ |
} |
||||||
width: 100%; |
|
||||||
height: 100%; |
.bg-img-box { |
||||||
position: absolute; |
width: 100%; |
||||||
top: 0; |
height: 100%; |
||||||
left: 0; |
position: absolute; |
||||||
} |
top: 0; |
||||||
.bg-img-box image{ |
left: 0; |
||||||
width: 100%; |
} |
||||||
height: 100%; |
|
||||||
} |
.bg-img-box image { |
||||||
.mail-box{ |
width: 100%; |
||||||
width: 687rpx; |
height: 100%; |
||||||
position: absolute; |
} |
||||||
top: 0; |
|
||||||
left: 50%; |
.mail-box { |
||||||
transform: translateX(-50%); |
width: 687rpx; |
||||||
} |
position: absolute; |
||||||
.mail-box .mail-img-box{ |
top: 0; |
||||||
position: absolute; |
left: 50%; |
||||||
} |
transform: translateX(-50%); |
||||||
|
} |
||||||
.mail-top,.mail-bottom{ |
|
||||||
z-index: 3; |
.mail-box .mail-img-box { |
||||||
} |
position: absolute; |
||||||
.mail-top{ |
} |
||||||
z-index: 4; |
|
||||||
top: 10rpx; |
.mail-top, |
||||||
/* top: 314rpx; */ |
.mail-bottom { |
||||||
} |
z-index: 3; |
||||||
.top-move{ |
} |
||||||
animation: topMove 2s ease; |
|
||||||
animation-fill-mode: forwards; |
.mail-top { |
||||||
} |
z-index: 4; |
||||||
.mail-top image{ |
top: 10rpx; |
||||||
width: 687rpx; |
/* top: 314rpx; */ |
||||||
height: 445rpx; |
} |
||||||
} |
|
||||||
.mail-center image{ |
.top-move { |
||||||
width: 684rpx; |
animation: topMove 2s ease; |
||||||
height: 648rpx; |
animation-fill-mode: forwards; |
||||||
transform: scale(0.99); |
} |
||||||
} |
|
||||||
.mail-center{ |
.mail-top image { |
||||||
top: 316rpx; |
width: 687rpx; |
||||||
} |
height: 445rpx; |
||||||
.mail-bottom image{ |
} |
||||||
width: 687rpx; |
|
||||||
height: 432rpx; |
.mail-center image { |
||||||
|
width: 684rpx; |
||||||
} |
height: 648rpx; |
||||||
.mail-bottom{ |
transform: scale(0.99); |
||||||
top: 616rpx; |
} |
||||||
} |
|
||||||
.btm-move{ |
.mail-center { |
||||||
animation: btmMove 1.5s ease; |
top: 316rpx; |
||||||
animation-fill-mode: forwards; |
} |
||||||
} |
|
||||||
@keyframes topMove{ |
.mail-bottom image { |
||||||
0% { |
width: 687rpx; |
||||||
top: 10rpx; |
height: 432rpx; |
||||||
opacity: 0.8; |
|
||||||
} |
} |
||||||
100% { |
|
||||||
top: 314rpx; |
.mail-bottom { |
||||||
opacity: 1; |
top: 616rpx; |
||||||
} |
} |
||||||
} |
|
||||||
@keyframes btmMove{ |
.btm-move { |
||||||
0% { |
animation: btmMove 1.5s ease; |
||||||
top: 616rpx; |
animation-fill-mode: forwards; |
||||||
opacity: 0.2; |
} |
||||||
} |
|
||||||
100% { |
@keyframes topMove { |
||||||
top: 532rpx; |
0% { |
||||||
opacity: 1; |
top: 10rpx; |
||||||
} |
opacity: 0.8; |
||||||
} |
} |
||||||
|
|
||||||
.tips{ |
100% { |
||||||
width: 100%; |
top: 314rpx; |
||||||
color:#EFDACA; |
opacity: 1; |
||||||
font-size: 40rpx; |
} |
||||||
line-height: 56rpx; |
} |
||||||
position: absolute; |
|
||||||
top: 1000rpx; |
@keyframes btmMove { |
||||||
text-align: center; |
0% { |
||||||
} |
top: 616rpx; |
||||||
.word-move{ |
opacity: 0.2; |
||||||
animation: wordMove 1s ease; |
} |
||||||
animation-fill-mode: forwards; |
|
||||||
} |
100% { |
||||||
@keyframes wordMove{ |
top: 532rpx; |
||||||
0%{ |
opacity: 1; |
||||||
left: -100%; |
} |
||||||
} |
} |
||||||
100%{ |
|
||||||
left: 0; |
.tips { |
||||||
} |
width: 100%; |
||||||
} |
color: #EFDACA; |
||||||
.pay-btn{ |
font-size: 40rpx; |
||||||
width: 686rpx; |
line-height: 56rpx; |
||||||
height: 82rpx; |
position: absolute; |
||||||
position: absolute; |
top: 1000rpx; |
||||||
top: 1100rpx; |
text-align: center; |
||||||
left: 50%; |
} |
||||||
transform: translateX(-50%); |
|
||||||
background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%); |
.word-move { |
||||||
border-radius: 62rpx; |
animation: wordMove 1s ease; |
||||||
text-align: center; |
animation-fill-mode: forwards; |
||||||
line-height: 82rpx; |
} |
||||||
color: #946F46; |
|
||||||
} |
@keyframes wordMove { |
||||||
.tip{ |
0% { |
||||||
width: 100%; |
left: -100%; |
||||||
text-align: center; |
} |
||||||
color: #EFDACA; |
|
||||||
font-size: 32rpx; |
100% { |
||||||
line-height: 44rpx; |
left: 0; |
||||||
position: absolute; |
} |
||||||
top: 1200rpx; |
} |
||||||
left: 50%; |
|
||||||
transform: translateX(-50%); |
.pay-btn { |
||||||
} |
width: 686rpx; |
||||||
</style> |
height: 82rpx; |
||||||
|
position: absolute; |
||||||
|
top: 1100rpx; |
||||||
|
left: 50%; |
||||||
|
transform: translateX(-50%); |
||||||
|
background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%); |
||||||
|
border-radius: 62rpx; |
||||||
|
text-align: center; |
||||||
|
line-height: 82rpx; |
||||||
|
color: #946F46; |
||||||
|
} |
||||||
|
|
||||||
|
.tip { |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
color: #EFDACA; |
||||||
|
font-size: 32rpx; |
||||||
|
line-height: 44rpx; |
||||||
|
position: absolute; |
||||||
|
top: 1200rpx; |
||||||
|
left: 50%; |
||||||
|
transform: translateX(-50%); |
||||||
|
} |
||||||
|
</style> |
||||||
|
|||||||
@ -0,0 +1,68 @@ |
|||||||
|
{ |
||||||
|
"description": "项目配置文件", |
||||||
|
"packOptions": { |
||||||
|
"ignore": [] |
||||||
|
}, |
||||||
|
"setting": { |
||||||
|
"bundle": false, |
||||||
|
"userConfirmedBundleSwitch": false, |
||||||
|
"urlCheck": true, |
||||||
|
"scopeDataCheck": false, |
||||||
|
"coverView": true, |
||||||
|
"es6": true, |
||||||
|
"postcss": true, |
||||||
|
"compileHotReLoad": false, |
||||||
|
"lazyloadPlaceholderEnable": false, |
||||||
|
"preloadBackgroundData": false, |
||||||
|
"minified": true, |
||||||
|
"autoAudits": false, |
||||||
|
"newFeature": false, |
||||||
|
"uglifyFileName": false, |
||||||
|
"uploadWithSourceMap": true, |
||||||
|
"useIsolateContext": true, |
||||||
|
"nodeModules": false, |
||||||
|
"enhance": true, |
||||||
|
"useMultiFrameRuntime": true, |
||||||
|
"useApiHook": true, |
||||||
|
"useApiHostProcess": true, |
||||||
|
"showShadowRootInWxmlPanel": true, |
||||||
|
"packNpmManually": false, |
||||||
|
"enableEngineNative": false, |
||||||
|
"packNpmRelationList": [], |
||||||
|
"minifyWXSS": true, |
||||||
|
"showES6CompileOption": false |
||||||
|
}, |
||||||
|
"compileType": "miniprogram", |
||||||
|
"libVersion": "2.21.0", |
||||||
|
"appid": "wx1bdc220038c3cb61", |
||||||
|
"projectname": "miniprogram-1", |
||||||
|
"debugOptions": { |
||||||
|
"hidedInDevtools": [] |
||||||
|
}, |
||||||
|
"scripts": {}, |
||||||
|
"staticServerOptions": { |
||||||
|
"baseURL": "", |
||||||
|
"servePath": "" |
||||||
|
}, |
||||||
|
"isGameTourist": false, |
||||||
|
"condition": { |
||||||
|
"search": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"conversation": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"game": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"plugin": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"gamePlugin": { |
||||||
|
"list": [] |
||||||
|
}, |
||||||
|
"miniprogram": { |
||||||
|
"list": [] |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 921 B |
|
After Width: | Height: | Size: 357 B |
|
After Width: | Height: | Size: 352 B |
|
After Width: | Height: | Size: 524 B |
|
After Width: | Height: | Size: 377 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
Loading…
Reference in new issue