init
This commit is contained in:
王鹏
673
pages/mine/index.vue
Normal file
673
pages/mine/index.vue
Normal file
@@ -0,0 +1,673 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user