673 lines
18 KiB
Vue
673 lines
18 KiB
Vue
<template>
|
||
<view class="my">
|
||
<image src="https://v2.api-m.com/api/wallpaper?return=302" mode="aspectFill" class="my_bg"></image>
|
||
<view class="header_cell">
|
||
<view style="margin-top: 40rpx;" class="user_info">
|
||
<view class="flex justify-center align-center">
|
||
<image src="https://v2.api-m.com/api/head?return=302" mode="aspectFill" class="user_photo"></image>
|
||
<view>
|
||
<view class="text-black text-bold">
|
||
<text v-if="userid" class="text-xl" style="font-weight: bold;">微信用户_{{userid}}</text>
|
||
<text v-else class="text-xl" style="font-weight: bold;">游客用户！</text>
|
||
<text v-if="!userid" class="cu-tag round bg-red" style="margin-left: 20rpx;">未登录</text>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
<!-- <text class="lg text-gray cuIcon-right" @click="handleToSetting"></text> -->
|
||
|
||
</view>
|
||
<text v-if="userid" style="float: right;" class="lg text-gray cuIcon-repair" @click="clean"></text>
|
||
<view v-if="!userid" class="auth_btn">
|
||
<button @tap="autologin()" class="cu-btn round bg-black">
|
||
<text class="lg text-white cuIcon-weixin" style="margin-right: 20rpx;"></text>
|
||
授权登录
|
||
</button>
|
||
</view>
|
||
|
||
<view style="margin-top: 90rpx;" class="vip_cell flex justify-between align-center">
|
||
<view>
|
||
<view class="text-xl" style="font-weight: bold;color: rgb(241, 198, 142);">
|
||
{{myIntegral}} 积分
|
||
<text class="lg cuIcon-vip" style="margin-left: 15rpx;"></text>
|
||
</view>
|
||
<view class="text-xs" style="margin-top: 10rpx;font-size: 21rpx;">每邀请一个新用户登录，奖励 {{newUserNumber}} 个积分</view>
|
||
<!-- <view v-else class="text-xs" style="margin-top: 10rpx;font-size: 23rpx;">授权登录后才可获得积分奖励哦</view> -->
|
||
</view>
|
||
<button open-type="share" class="cu-btn round invate_btn">邀 请</button>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="cell_1 flex justify-around align-center bg-white mt30" style="padding: 30rpx 0;border-radius: 15rpx;text-align: center;">
|
||
广告位
|
||
</view> -->
|
||
<view class="cell_2 flex align-center mt30">
|
||
<button @click="guanzhu(1)" class="kefu">
|
||
<text style="color: #ff973c;font-size: 60rpx;" class=" cuIcon-appreciatefill"></text>
|
||
<text style="display: block;margin-top: -60rpx;margin-bottom: 15rpx;font-size: 30rpx;">关注我们</text>
|
||
</button>
|
||
<button open-type="contact" class="kefu">
|
||
<text style="color: #1382ff;font-size: 60rpx;" class=" cuIcon-servicefill"></text>
|
||
<text style="display: block;margin-top: -60rpx;margin-bottom: 15rpx;font-size: 30rpx;">联系我们</text>
|
||
</button>
|
||
</view>
|
||
<!-- <view style="width: 100%; margin-top: 30rpx;">
|
||
<ad-custom unit-id="adunit-ff28399b17818338" ad-intervals="30" ></ad-custom>
|
||
</view> -->
|
||
<view class="mt30 grid text-center col-4 bg-white"
|
||
style="padding: 30rpx 0; border-radius: 15rpx;row-gap: 30rpx;">
|
||
<view @click="exchange()">
|
||
<view class="cell_3_icon flex justify-center align-center"><text
|
||
class="text-olive cuIcon-choiceness"></text></view>
|
||
<view>积分兑换</view>
|
||
</view>
|
||
<view @click="exchangeRecords()">
|
||
<view class="cell_3_icon flex justify-center align-center"><text
|
||
class="text-cyan cuIcon-selection"></text></view>
|
||
<view>兑换记录</view>
|
||
</view>
|
||
<view @click="integralRecord()">
|
||
<view class="cell_3_icon flex justify-center align-center"><text class="text-cyan cuIcon-coin"></text>
|
||
</view>
|
||
<view>积分记录</view>
|
||
</view>
|
||
<view @click="recharge()">
|
||
<view class="cell_3_icon flex justify-center align-center"><text
|
||
class="text-olive cuIcon-moneybag"></text></view>
|
||
<view>充值积分</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 功能列表 -->
|
||
<view class="metergasis">
|
||
<view class="metergasis-li" hover-class="fengrui-li-hover" @tap="Signin()">
|
||
<view class="metergasis-li-img">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/qiandao.svg" mode="aspectFill">
|
||
</image>
|
||
</view>
|
||
<view class="metergasis-li-h">
|
||
每日签到
|
||
</view>
|
||
<text v-if="isSignin == true" class="metergasis-li-h2">可获得 {{signinIntegral}} 积分</text>
|
||
<text v-if="isSignin == false" v-esle class="metergasis-li-h2">今日已签到</text>
|
||
<view class="metergasis-li-rgth">
|
||
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/more.svg" mode=""></image>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="metergasis-li" hover-class="fengrui-li-hover" @tap="categoryNew()">
|
||
<view class="metergasis-li-img">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/wenzhang.svg" mode="aspectFill">
|
||
</image>
|
||
</view>
|
||
<view class="metergasis-li-h">
|
||
浏览文章
|
||
</view>
|
||
<text class="metergasis-li-h2">每次获得 {{articleIntegral}} 积分 ( {{articleYesNumber}}/{{articleNumber}} )</text>
|
||
<view class="metergasis-li-rgth">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/more.svg" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="metergasis-li" hover-class="fengrui-li-hover" @tap="categoryNew()">
|
||
<view class="metergasis-li-img">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/weixin.svg" mode="aspectFill">
|
||
</image>
|
||
</view>
|
||
<view class="metergasis-li-h">
|
||
分享文章
|
||
</view>
|
||
<text class="metergasis-li-h2">每次获得 {{shareIntegral}} 积分 ( {{shareYesNumber}}/{{shareNumber}} )</text>
|
||
<view class="metergasis-li-rgth">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/more.svg" mode=""></image>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="metergasis-li" hover-class="fengrui-li-hover" @tap="lookAd()">
|
||
<view class="metergasis-li-img">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/ad.svg" mode="aspectFill">
|
||
</image>
|
||
</view>
|
||
<view class="metergasis-li-h">
|
||
观看广告
|
||
</view>
|
||
<text class="metergasis-li-h2">每次获得 {{adIntegral}} 积分 ( {{adYesNumber}}/{{adNumber}} )</text>
|
||
<view class="metergasis-li-rgth">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/more.svg" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="metergasis-li" hover-class="fengrui-li-hover" @tap="guanzhu(2)">
|
||
<view style="width: 55rpx; height: 55rpx;" class="metergasis-li-img">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/adduser.svg" mode="aspectFill">
|
||
</image>
|
||
</view>
|
||
<view style="margin-left: 27rpx;" class="metergasis-li-h">
|
||
添加好友
|
||
</view>
|
||
<text class="metergasis-li-h2">添加成功可获得 {{addUserNumber}} 积分</text>
|
||
<view class="metergasis-li-rgth">
|
||
<image class="blogui-img" src="https://img.yidaima.cn/feast/more.svg" mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="metergasis-li" hover-class="fengrui-li-hover" @tap="lottery()">
|
||
<view class="metergasis-li-img">
|
||
<image class="blogui-img" src="http://imgs.emoboy.vip/static/mine/choujiang.svg" mode="aspectFill"></image>
|
||
</view>
|
||
<view class="metergasis-li-h">
|
||
参与抽奖
|
||
</view>
|
||
<text class="metergasis-li-h2">可随机获得积分及奖励</text>
|
||
<view class="metergasis-li-rgth">
|
||
<image class="blogui-img" src="http://imgs.emoboy.vip/static/mine/more.svg" mode=""></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!--免责声明弹窗-->
|
||
<view class="cu-modal" :class="modalName=='mzModal'?'show':''">
|
||
<view style="border-radius: 30rpx;" class="cu-dialog">
|
||
<view class="cu-bar bg-white justify-end">
|
||
<view style="color: black;font-size: 38rpx;margin-top: 50rpx;" class="content">声明</view>
|
||
</view>
|
||
<view class=" bg-white">
|
||
<view style="font-size: 33rpx;color: #6a6a6a;padding: 40rpx 60rpx 60rpx 60rpx;">
|
||
创作者上传至《南音博客》小程序的素材内容由创作者负责，部分来源于网络和他处购买如有侵权，请在界面中的联系我们进行删除处理 !
|
||
</view>
|
||
|
||
<button @tap="hideModal" style="margin-bottom: 50rpx;width: 55%;height: 90rpx;font-size: 38rpx;"
|
||
class="cu-btn bg-green">确认</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="no-list-data" >
|
||
-- 温馨提示 --
|
||
</view>
|
||
<view class="no-list-data2" >
|
||
小程序数据全过程可回溯，若利用技术手段，bug等非法操作获取的积分包括任何数据都将会视作无效，情节严重将追究其法律责任，请大家合法上网，感谢配合
|
||
</view>
|
||
<u-toast ref="uToast"></u-toast>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
autoLoginWx,
|
||
wxLogin,
|
||
getUser,
|
||
addAppIntegra
|
||
} from "@/api/app/index.js"
|
||
import {
|
||
setToken,
|
||
getToken
|
||
} from '@/utils/auth'
|
||
let videoAd = null;
|
||
export default {
|
||
data() {
|
||
return {
|
||
adUnitId:"",
|
||
modalName: null,
|
||
name: this.$store.state.user.name,
|
||
userid: null,
|
||
myIntegral: 0,
|
||
signinIntegral: 0,
|
||
isSignin: true,
|
||
articleIntegral: 0,
|
||
articleYesNumber: 0,
|
||
articleNumber: 0,
|
||
shareIntegral: 0,
|
||
shareYesNumber: 0,
|
||
shareNumber: 0,
|
||
adIntegral: 0,
|
||
adYesNumber: 0,
|
||
adNumber: 0,
|
||
newUserNumber: 0,
|
||
addUserNumber: 0
|
||
};
|
||
},
|
||
// 分享好友配置
|
||
onShareAppMessage(res) {
|
||
var that = this;
|
||
if (res.from === 'button') { // 来自页面内分享按钮
|
||
console.log(res.target)
|
||
}
|
||
return {
|
||
title: "南音资源,有你想要的",
|
||
imageUrl: "",
|
||
path: 'pages/index?userid='+this.userid,
|
||
}
|
||
},
|
||
onShareTimeline(){
|
||
return {
|
||
title:'南音资源,有你想要的',
|
||
query:{
|
||
},
|
||
imageUrl:''
|
||
}
|
||
},
|
||
onShow() {
|
||
this.userid = uni.getStorageSync("userInfo").userId
|
||
console.log("用户信息：" + this.userid)
|
||
if (this.userid) {
|
||
this.getUserInfo()
|
||
}
|
||
},
|
||
onLoad() {
|
||
//初始化激励广告
|
||
this.adUnitId = uni.getStorageSync("sysSet").adVideoAd
|
||
this.CreateAd()
|
||
},
|
||
methods: {
|
||
lottery(){
|
||
this.$tab.navigateTo('/pages/mine/lottery')
|
||
},
|
||
CreateAd(){
|
||
var that = this;
|
||
if (this.adUnitId != '') {
|
||
if (wx.createRewardedVideoAd) {
|
||
videoAd = wx.createRewardedVideoAd({
|
||
adUnitId: this.adUnitId
|
||
})
|
||
videoAd.onLoad(() => {
|
||
})
|
||
videoAd.onError((err) => {
|
||
that.$refs.uToast.show({
|
||
type: 'error',
|
||
title: '',
|
||
message: "请使用移动端设备访问",
|
||
icon: false
|
||
})
|
||
})
|
||
videoAd.onClose((res) => {
|
||
if (res && res.isEnded) {
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "╮(๑•́ ₃•̀๑)╭ 积分+ "+that.adIntegral,
|
||
icon: false
|
||
})
|
||
addAppIntegra({
|
||
source: '广告任务',
|
||
userId: that.userid
|
||
}).then(response => {
|
||
that.getUserInfo()
|
||
})
|
||
} else {
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "看完才能获得奖励哟！",
|
||
icon: false
|
||
})
|
||
|
||
}
|
||
})
|
||
}
|
||
|
||
}
|
||
},
|
||
exchangeRecords(){
|
||
var that = this
|
||
if (!this.userid) {
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "请先授权登录",
|
||
icon: false
|
||
})
|
||
}else{
|
||
this.$tab.navigateTo('/pages/mine/exchange_records')
|
||
}
|
||
},
|
||
exchange(){
|
||
this.$tab.navigateTo('/pages/tool/exchange')
|
||
},
|
||
recharge() {
|
||
this.$tab.navigateTo('/pages/mine/recharge')
|
||
},
|
||
categoryNew(){
|
||
uni.switchTab({
|
||
url: '/pages/search/index'
|
||
});
|
||
},
|
||
integralRecord(){
|
||
var that = this
|
||
if (!this.userid) {
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "请先授权登录",
|
||
icon: false
|
||
})
|
||
}else{
|
||
this.$tab.navigateTo('/pages/mine/integral_record')
|
||
}
|
||
|
||
},
|
||
Signin() {
|
||
var that = this
|
||
if (!this.userid) {
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "请先授权登录",
|
||
icon: false
|
||
})
|
||
}else{
|
||
if(this.isSignin){
|
||
|
||
addAppIntegra({
|
||
source: '签到',
|
||
userId: this.userid
|
||
}).then(response => {
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "╮(๑•́ ₃•̀๑)╭ 签到成功 ",
|
||
icon: false
|
||
})
|
||
that.getUserInfo()
|
||
})
|
||
}
|
||
}
|
||
},
|
||
lookAd() {
|
||
var that = this
|
||
if (!this.userid) {
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "登录后可获得积分",
|
||
icon: false
|
||
})
|
||
}else{
|
||
if(that.adYesNumber >= that.adNumber){
|
||
that.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "今日次数已使用完！",
|
||
icon: false
|
||
})
|
||
return;
|
||
}
|
||
if (videoAd) {
|
||
videoAd.show().catch(() => {
|
||
// 失败重试
|
||
videoAd.load()
|
||
.then(() => videoAd.show())
|
||
.catch(err => {
|
||
console.error('激励视频 广告显示失败', err)
|
||
})
|
||
})
|
||
}
|
||
|
||
}
|
||
|
||
},
|
||
getUserInfo() {
|
||
var that = this;
|
||
getUser(this.userid).then(response => {
|
||
that.articleYesNumber = 0
|
||
that.shareYesNumber = 0
|
||
that.adYesNumber = 0
|
||
that.isSignin = true
|
||
for(var i=0; i<response.integral.length; i++){
|
||
if(response.integral[i].source === '文章浏览'){
|
||
that.articleYesNumber++;
|
||
}else if(response.integral[i].source === '文章分享'){
|
||
that.shareYesNumber++
|
||
}else if(response.integral[i].source === '广告任务'){
|
||
that.adYesNumber++
|
||
}else if(response.integral[i].source === '签到'){
|
||
that.isSignin = false
|
||
}
|
||
}
|
||
that.signinIntegral = response.signin.split(",")[0]
|
||
that.myIntegral = response.user.integral
|
||
that.articleIntegral = response.article.split(",")[0]
|
||
that.articleNumber = response.article.split(",")[1]
|
||
that.shareIntegral = response.share.split(",")[0]
|
||
that.shareNumber = response.share.split(",")[1]
|
||
that.adIntegral = response.ad.split(",")[0]
|
||
that.adNumber = response.ad.split(",")[1]
|
||
that.newUserNumber = response.newUserNumber
|
||
that.addUserNumber = response.addUserNumber
|
||
})
|
||
},
|
||
autologin() {
|
||
let that = this;
|
||
//获取code
|
||
uni.login({
|
||
provider: 'weixin',
|
||
success: loginRes => {
|
||
//获取openid
|
||
autoLoginWx(loginRes.code).then(response => {
|
||
var antoInfo = JSON.parse(response.msg)
|
||
console.log(antoInfo)
|
||
console.log(antoInfo.openid)
|
||
//登录
|
||
wxLogin({
|
||
openId: antoInfo.openid
|
||
}).then(logininfo => {
|
||
console.log(logininfo)
|
||
setToken(logininfo.token)
|
||
//设置用户信息
|
||
this.$store.dispatch('GetInfo').then(res => {
|
||
that.userid = uni.getStorageSync("userInfo").userId
|
||
that.getUserInfo()
|
||
})
|
||
})
|
||
})
|
||
|
||
}
|
||
});
|
||
},
|
||
mzModalShow() {
|
||
this.modalName = "mzModal"
|
||
},
|
||
hideModal() {
|
||
this.modalName = null
|
||
},
|
||
guanzhu(type) {
|
||
this.$tab.navigateTo('/pages/mine/guanzhu?type='+type)
|
||
},
|
||
handleToSetting() {
|
||
this.$store.dispatch('LogOut').then(() => {
|
||
this.$tab.reLaunch('/pages/index')
|
||
})
|
||
},
|
||
blogInfo(val) {
|
||
this.$tab.navigateTo('/pages/blog/bloginfo')
|
||
},
|
||
clean(){
|
||
uni.removeStorageSync('isIndexModal');
|
||
this.$refs.uToast.show({
|
||
type: 'success',
|
||
title: '',
|
||
message: "清理成功",
|
||
icon: false
|
||
})
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.kefu {
|
||
width: 49%;
|
||
background-color: white;
|
||
}
|
||
/* 列表没有数据 */
|
||
.no-list-data {
|
||
text-align: center;
|
||
margin-bottom: 100rpx;
|
||
color: #b3b3b3;
|
||
font-size: 24upx;
|
||
margin: 40rpx 40rpx 0rpx 40rpx;
|
||
}
|
||
.no-list-data2 {
|
||
text-align: center;
|
||
margin-bottom: 100rpx;
|
||
color: #b3b3b3;
|
||
font-size: 24upx;
|
||
margin: 10rpx 40rpx 40rpx 40rpx;
|
||
}
|
||
|
||
button::after {
|
||
border: none;
|
||
}
|
||
|
||
.blogui-img {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
|
||
/* 功能列表 */
|
||
.metergasis-li-rgth {
|
||
width: 50upx;
|
||
height: 50upx;
|
||
overflow: hidden;
|
||
flex-shrink: 0;
|
||
position: absolute;
|
||
right: 0upx;
|
||
top: 50%;
|
||
transform: translate(0%, -50%);
|
||
}
|
||
|
||
.metergasis-li-h {
|
||
grid-row: 1;
|
||
margin-left: 30upx;
|
||
font-size: 30upx;
|
||
}
|
||
|
||
.metergasis-li-h2 {
|
||
grid-row: 1;
|
||
margin-left: 30upx;
|
||
font-size: 25upx;
|
||
color: #ADADAD;
|
||
margin-left: auto;
|
||
margin-right: 10rpx;
|
||
}
|
||
|
||
.metergasis-li-img {
|
||
height: 52upx;
|
||
width: 52upx;
|
||
border-radius: 100upx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.metergasis-li {
|
||
padding: 24upx 32upx;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
position: relative;
|
||
}
|
||
|
||
.metergasis {
|
||
background-color: #FFFFFF;
|
||
border-radius: 16upx;
|
||
margin: 2upx 0upx;
|
||
padding: 2upx;
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.my {
|
||
padding: 30rpx;
|
||
|
||
.mt30 {
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.my_bg {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: -1;
|
||
width: 100%;
|
||
}
|
||
|
||
.header_cell {
|
||
margin-top: 100rpx;
|
||
|
||
.user_info {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
|
||
.user_photo {
|
||
width: 120rpx;
|
||
height: 120rpx;
|
||
box-shadow: 0px 0px 10rpx 1px rgba(0, 0, 0, 0.1);
|
||
border-radius: 50%;
|
||
background-color: white;
|
||
margin-right: 20rpx;
|
||
}
|
||
}
|
||
|
||
.auth_btn {
|
||
margin: 50rpx auto;
|
||
text-align: center;
|
||
|
||
&>button {
|
||
box-shadow: 3px 3px 10rpx 1px rgba(0, 0, 0, 0.2);
|
||
padding-left: 50rpx;
|
||
padding-right: 50rpx;
|
||
}
|
||
}
|
||
|
||
.vip_cell {
|
||
margin-top: 40rpx;
|
||
width: 690rpx;
|
||
height: 150rpx;
|
||
background-image: url('https://img.yidaima.cn/feast/bolang.gif');
|
||
background-size: 100% 100%;
|
||
color: white;
|
||
padding: 0 30rpx;
|
||
|
||
.invate_btn {
|
||
background-color: rgb(241, 198, 142);
|
||
box-shadow: 3px 3px 10rpx 1px rgba(241, 198, 142, 0.5);
|
||
width: 150rpx;
|
||
color: rgb(99, 71, 56);
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
}
|
||
|
||
.cell_1_icon {
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
background-color: #f4f2f7;
|
||
border-radius: 50%;
|
||
font-size: 50rpx;
|
||
margin: 0 auto;
|
||
margin-bottom: 15rpx;
|
||
}
|
||
|
||
.cell_2 {
|
||
&>view {
|
||
background-color: white;
|
||
border-radius: 15rpx;
|
||
text-align: center;
|
||
width: 48%;
|
||
padding: 30rpx 0;
|
||
}
|
||
|
||
.cell_2_icon {
|
||
font-size: 60rpx;
|
||
margin-bottom: 15rpx;
|
||
}
|
||
}
|
||
|
||
.cell_3_icon {
|
||
font-size: 50rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.cell_4 {
|
||
|
||
&>view,
|
||
navigator {
|
||
padding: 20rpx 0;
|
||
}
|
||
}
|
||
}
|
||
</style> |