zhangjing/sykl-hy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

锶源昆仑会员+体验官

Browse Source
This commit is contained in:
张慢慢
2023-07-22 19:04:56 +08:00
commit 5a6b3517e6
439 changed files with 20654 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
pages/user/collect/index.js Normal file
View File

@@ -0,0 +1,89 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
categories : '', //分类
articlesArr : [] , //列表
page : {}, //分页信息
listType : 1, //类型
name : '', //名称
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取列表
this.articlesInfo();
},
// 列表
articlesInfo(page){
wx.$api.user.favorites({
category_id : this.data.listType,
page : page || 1
}).then(res => {
let listArr = this.data.articlesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.favorites.data)
this.setData({
categories : res.data.categories,
articlesArr : newData,
page : res.data.favorites.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 状态筛选
*/
onTabs(val){
console.log(val)
if(this.data.listType === val) return
this.setData({
listType: val.currentTarget.dataset.type
})
// 商品详情数据
this.articlesInfo();
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取列表
this.articlesInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取列表
this.articlesInfo(pageNumber);
}
}
})

4
pages/user/collect/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "我的收藏"
}

31
pages/user/collect/index.wxml Normal file
View File

@@ -0,0 +1,31 @@
<view class="header">
<view class="tabs">
<view wx:for="{{categories}}" wx:key="categories" class="tabs-item {{listType == item.category_id ? 'show' : ''}}" bindtap="onTabs" data-type="{{item.category_id}}">{{item.title}}</view>
</view>
</view>
<view class="list" wx:if="{{articlesArr.length > 0}}">
<navigator hover-class="none" url="/pages/mall/article/articleInfo/index?id={{item.favoriteable.article_id}}&type={{name}}" class="item" wx:for="{{articlesArr}}" wx:key="articlesArr">
<view class="itemCont">
<view class="nowrap itemCont-name"><text>{{item.favoriteable.categories[0].slug}}</text> | {{item.favoriteable.title}}</view>
<view class="nowrap itemCont-text">{{item.favoriteable.description}}</view>
<view class="itemCont-see">
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_00.png"></image> {{item.favoriteable.clicks}}</view>
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_01.png"></image>{{item.favoriteable.subscribes}}</view>
</view>
</view>
<image class="itemImg" mode="aspectFill" src="{{item.favoriteable.cover}}"></image>
</navigator>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

99
pages/user/collect/index.wxss Normal file
View File

@@ -0,0 +1,99 @@
page {
padding: 30rpx;
box-sizing: border-box;
background-color: #f6f6f6;
}
/* tabs */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.tabs {
display: flex;
justify-content: space-around;
background: white;
padding: 15rpx 0;
font-size: 30rpx;
color: #9d9d9d;
}
.tabs-item {
height: 60rpx;
line-height: 60rpx;
}
.tabs-item.show {
color: #1d37e2;
border-bottom: solid 4rpx #1d37e2;
}
.list {
margin-top: 90rpx;
}
.item {
position: relative;
background-color: #ffffff;
border-radius: 10rpx;
height: 200rpx;
margin-bottom: 30rpx;
}
.itemImg {
position: absolute;
right: 0;
top: 0;
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
overflow: hidden;
}
.itemCont {
position: absolute;
left: 0;
top: 0;
padding: 25rpx 230rpx 0 30rpx;
box-sizing: border-box;
width: 100%;
}
.itemCont-name {
font-size: 30rpx;
}
.itemCont-name text {
text-transform: uppercase;
}
.itemCont-text {
color: #999;
font-size: 26rpx;
margin: 15rpx 0 30rpx;
font-weight: 200;
}
.itemCont-see {
color: #999;
display: flex;
font-size: 26rpx;
font-weight: 200;
}
.itemCont-icon {
display: flex;
margin-right: 50rpx;
line-height: 26rpx;
}
.itemCont-icon image {
width: 26rpx;
height: 26rpx;
margin-right: 10rpx;
}

94
pages/user/goods/index.js Normal file
View File

@@ -0,0 +1,94 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
categorieArr: [], //分类
articlesArr : [] , //列表
page : {}, //分页信息
listType : '', //类型
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取列表分类
this.categoriesInfo();
},
// 列表分类
categoriesInfo(){
wx.$api.user.mallCategories({
parent_id : this.data.listType
}).then(res => {
this.setData({
categorieArr: res.data,
listType : res.data[0].category_id
})
// 获取列表
this.articlesInfo();
}).catch(err => {})
},
// 列表
articlesInfo(page){
wx.$api.user.mallGoods({
category_id : this.data.listType,
page : page || 1
}).then(res => {
let listArr = this.data.articlesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
articlesArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 状态筛选
*/
onTabs(val){
if(this.data.listType === val) return
this.setData({
listType: val.currentTarget.dataset.type
})
// 商品详情数据
this.articlesInfo();
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取列表
this.articlesInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取列表
this.articlesInfo(pageNumber);
}
}
})

4
pages/user/goods/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "产品中心"
}

30
pages/user/goods/index.wxml Normal file
View File

@@ -0,0 +1,30 @@
<view class="header">
<scroll-view class="header-view" scroll-x="true" bindscroll="scroll">
<view wx:for="{{categorieArr}}" wx:key="categorieArr" class="tabs-item {{listType == item.category_id ? 'show' : ''}}" bindtap="onTabs" data-type="{{item.category_id}}">{{item.name}}</view>
</scroll-view>
</view>
<view class="list" wx:if="{{articlesArr.length > 0}}">
<navigator hover-class="none" url="/pages/mall/buy/index?id={{item.goods_id}}" wx:for="{{articlesArr}}" wx:key="articlesArr" class="item">
<image class="itemImg" mode="aspectFill" src="{{item.cover}}"></image>
<view class="itemCont">
<view class="nowrap itemCont-name">{{item.name}}</view>
<view class="nowrap itemCont-text">{{item.description}}</view>
<!-- <view class="itemCont-price">
<image src="/static/icons/newIcon_03.png"></image>{{item.price.price_max}}
</view> -->
</view>
</navigator>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

108
pages/user/goods/index.wxss Normal file
View File

@@ -0,0 +1,108 @@
page {
background-color: #f6f6f6;
}
.list {
background-color: #ffffff;
padding: 30rpx;
box-sizing: border-box;
margin-top: 30rpx;
}
.item {
position: relative;
height: 180rpx;
margin-bottom: 30rpx;
border-bottom: 2rpx solid #eeeeee;
padding-bottom: 30rpx;
}
.item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.itemImg {
position: absolute;
left: 0;
top: 0;
width: 180rpx;
height: 180rpx;
border-radius: 10rpx;
overflow: hidden;
}
.itemCont {
position: absolute;
left: 0;
top: 0;
padding-left: 210rpx;
box-sizing: border-box;
width: 100%;
}
.itemCont-name {
line-height: 48rpx;
font-size: 30rpx;
}
.itemCont-text {
color: #999;
font-size: 26rpx;
margin: 15rpx 0 35rpx;
font-weight: 200;
}
.itemCont-price {
color: #f3ad47;
font-size: 36rpx;
}
.itemCont-price image {
width: 22rpx;
height: 22rpx;
padding-right: 5rpx;
}
/* tabs */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
background-color: #ffffff;
line-height: 78rpx;
}
.header-view {
padding: 0 30rpx;
box-sizing: border-box;
font-size: 30rpx;
}
.tabs {
display: flex;
justify-content: space-around;
background: white;
padding: 15rpx 0;
font-size: 30rpx;
color: #9d9d9d;
height: 74rpx;
}
.tabs-item {
display: inline-block;
padding: 0 50rpx;
}
.tabs-item.show {
color: #1d37e2;
background-color: #f6f6f6;
border-radius: 10rpx 10rpx 0 0;
}
.list {
margin-top: 110rpx;
}

388
pages/user/index.js Normal file
View File

@@ -0,0 +1,388 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
userData : '', //用户信息
identity : '', //用户身份
identityShow : '',
userLogin : '', //登录状态
avatar : '', //头像
nickName : '', //昵称
sign : '', //喝水打卡
nowStatus : '', //判断状态
identityData : '',//会员身份信息
caseOrder : '', //订单
account : '', //账户
count : '', //数值
isCase : '', //是否有档案
popStatus : false,//档案弹框
nameState : false,
memberType : false,
serviceMobile : '',
waterMobile : '',
inviteCount : '', //激活码
waterState : false, //水滴状态
barHeight : getApp().globalData.statusBarHeight, // 状态栏高度
jiaonangheight : getApp().globalData.jiaonangheight, //胶囊高度
listType : '1', //任务类型
rightShow : false, //右侧菜单
taskSort : [], //任务分类
taskArr : [] //任务列表
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取登录状态
if(wx.getStorageSync("token")){
this.setData({
userLogin: true
})
// 获取用户信息
this.userInfo();
}
// 获取任务列表
this.taskEntry();
// 获取任务分类
this.taskInfo();
},
//定义函数读取用户微信运动数据
getWeRunInfo() {
wx.login({
success: res => {
let newCode = res.code
wx.getWeRunData({
success: WeRunRes=> {
wx.$api.user.wechatStep({
code : newCode,
encryptData : WeRunRes.encryptedData,
iv : WeRunRes.iv
}).then(WeRunSuccess => {
// 获取任务列表
this.taskEntry();
}).catch(err => {
// 获取任务列表
this.taskEntry();
})
}
})
}
})
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.userIndex().then(res => {
this.setData({
userData : res.data,
account : res.data.account,
count : res.data.count,
avatar : res.data.avatar,
nickName : res.data.nickname,
identity : res.data.identity,
identityShow : res.data.identityShow,
nowStatus : res.data.nowStatus,
caseOrder : res.data.case,
serviceMobile : res.data.service.mobile,
inviteCount : res.data.invite_count || '',
waterMobile : res.data.water_mobile
})
}).catch(err => {})
},
/**
* 任务分类
*/
taskInfo() {
wx.$api.user.taskIndex().then(res => {
this.setData({
taskSort : res.data
})
}).catch(err => {})
},
/**
* 任务列表
*/
taskEntry() {
wx.$api.user.taskList({
category_id: this.data.listType
}).then(res => {
this.setData({
taskArr : res.data
})
}).catch(err => {})
},
/**
* 头像上传
*/
updImg(){
wx.chooseMedia({
count : 1,
success : path => {
// 上传图片
wx.$api.file.uploadImg(path.tempFiles[0].tempFilePath, {}).then(res=>{
this.setData({
avatar:res.url
})
this.settingInfo('avatar', res.path)
})
}
})
},
/**
* 上传用户信息
*/
settingInfo(key, value) {
wx.$api.user.setting(key, {
value: value
}).then(() => {
this.nameState = false
}).catch(err => {})
},
/**
* 获取微信运动
*/
getWeRun() {
wx.getSetting({
success:res=> {
if(!res.authSetting["scope.werun"]) {
//申请用户授权
wx.authorize({
scope: 'scope.werun',
success() {
//允许-读取用户的微信运动数据
this.getWeRunInfo()
},fail() {
//不允许
wx.showModal({
title : '读取微信运动数据失败',
content : '请在小程序右上角[设置]中开启授权'
})
}
})
} else{
// 读取用户的微信运动数据
this.getWeRunInfo()
}
}
})
},
/**
* 流程判断
*/
judge(e) {
if(wx.getStorageSync("token")){
// 开通会员
if(this.data.identity.order == 1 || this.data.identity.order == 2) {
wx.navigateTo({
url: '../member/index/index'
})
return
} else if(this.data.identity.order == 5 || this.data.identity.order == 6) {
wx.navigateTo({
url: '../member/look/index?orderid=' + this.data.identity.order
})
return
}
wx.navigateTo({
url: '../member/rights/index'
})
}else {
// 去登录
wx.navigateTo({
url: "/pages/login/index"
})
}
},
/**
* 展示会员卡
*/
memberTab(){
if(wx.getStorageSync("token")){
if(this.data.identity.order != 1){
this.setData({
memberType: !this.data.memberType
})
}
return
}
},
/**
* 赠送水滴说明
*/
waterTap() {
this.setData({
waterState: !this.data.waterState
})
},
/**
* 拨打电话
*/
phoneCall(){
wx.makePhoneCall({
phoneNumber: this.data.waterMobile
});
},
/**
* 跳转体验馆H5页面
*/
h5Web(){
this.setData({
waterState: false
})
if(this.data.identity.order == 2) {
wx.showModal({
title : '温馨提示',
content : '您已经参加过活动了，不可重复参加',
showCancel: false,
success : res=> {}
})
return
}
wx.switchTab({
url: '/pages/index/index'
})
},
/**
* 处理未登录时的转跳
*/
userNav(e){
let pageUrl = e.currentTarget.dataset.url
if(wx.getStorageSync("token")){
wx.navigateTo({
url: pageUrl
})
}else{
// 去登录
wx.navigateTo({
url: "/pages/login/index"
})
}
this.setData({
rightShow: false
})
},
/**
* 退出登录
*/
outLogin() {
// 清理客户端登录缓存
wx.removeStorageSync("token")
this.setData({
rightShow: false
})
this.setData({
userLogin: false
})
},
/**
* 选择任务类型
*/
onTabs(e) {
this.setData({
listType: e.currentTarget.dataset.type
})
// 获取任务列表
this.taskEntry();
},
/**
* 显示右侧导航内容
*/
rightBind() {
this.setData({
rightShow: !this.data.rightShow
})
},
/**
* 敬请期待
*/
await() {
wx.showToast({
title : '开发中，敬请期待',
icon : 'none',
duration: 2000
})
},
/**
* 建立用户档案
*/
establish(){
wx.navigateTo({
url: '/pages/record/index/index'
})
this.setData({
popStatus: false
})
},
// 任务分类跳转
JumpUrl(open) {
let newState = open.currentTarget.dataset.state,
newKey = open.currentTarget.dataset.key
if(newState == 1) return
if(newKey == 'steps'){
// 获取微信运动
this.getWeRun()
return
}
if(wx.getStorageSync("token")){
let newUrl = open.currentTarget.dataset.url,
newType = open.currentTarget.dataset.type
switch(newType){
case 'switchTab':
wx.switchTab({
url: newUrl
})
break;
case 'web':
// 跳转web
break;
case 'mini':
wx.navigateTo({
url: newUrl
})
break;
}
} else{
// 去登录
wx.navigateTo({
url: "/pages/login/index"
})
}
},
})

5
pages/user/index.json Normal file
View File

@@ -0,0 +1,5 @@
{
"usingComponents": {},
"navigationStyle": "custom",
"navigationBarTextStyle": "black"
}

414
pages/user/index.wxml Normal file
View File

@@ -0,0 +1,414 @@
<view class="Usetop">
<image class="Usetop-back" mode="aspectFill" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/uaer_back.jpg"></image>
<view class="Usetop-range" style="padding-top:{{barHeight + jiaonangheight}}px;">
<view class="Usetop-cont" wx:if="{{userLogin}}">
<view class="Usetop-head {{identity.order == '1' ? 'active' : ''}}">
<image class="Usetop-head-avatar" bindtap="updImg" src="{{avatar ? avatar : '../../static/imgs/default_myHead.png'}}" mode="aspectFill"></image>
<image wx:if="{{identity.order == '1'}}" class="Usetop-head-ancrown" src="http://api.siyuankunlun.com/storage/materials/2022/09/19/ancrown_pt.png" mode=""></image>
<image wx:else class="Usetop-head-ancrown" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/ancrown.png" mode=""></image>
</view>
<view class="Usetop-text">
{{nickName}}
<image wx:if="{{identity.order == '1'}}" src="/static/icons/member_01.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '2'}}" src="/static/icons/member_02.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '3'}}" src="/static/icons/member_03.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '4'}}" src="/static/icons/member_04.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '5'}}" src="/static/icons/member_05.png" mode="widthFix"></image>
<image wx:else src="/static/icons/member_06.png" mode="widthFix"></image>
</view>
</view>
<view class="Usetop-cont" wx:else>
<view class="Usetop-head active">
<image class="Usetop-head-avatar" bindtap="updImg" src="../../static/imgs/default_myHead.png" mode="aspectFill"></image>
</view>
<navigator hover-class="none" url="../login/index" class="Usetop-text">
请先登录
</navigator>
</view>
</view>
<view class="Usetop-see">
<view bindtap="userNav" data-url="/pages/water/index" class="Usetop-see-label">
<image class="Usetop-see-icon" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/userSee_01.png"></image>
<view class="nowrap Usetop-see-name">
水滴
<text>{{account.score.surplus ? account.score.surplus : '0'}}</text>
</view>
</view>
<view bindtap="userNav" data-url="/pages/coupons/organize/index" class="Usetop-see-label">
<image class="Usetop-see-icon" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/userSee_02.png"></image>
<view class="Usetop-see-name">
券
<text>{{count.coupon ? count.coupon : '0'}}</text>
</view>
</view>
<view bindtap="userNav" data-url="/pages/account/index/index" class="Usetop-see-label">
<image class="Usetop-see-icon" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/userSee_03.png"></image>
<view class="Usetop-see-name">
余额
<text>{{account.balance ? account.balance : '0'}}</text>
</view>
</view>
</view>
</view>
<view class="matter">
<view class="matter-text matter-left">
<view class="matter-text-label">
PH 7.8
</view>
<view class="matter-text-label">
锶≥3<text>(mg/L)</text>
</view>
<view class="matter-text-label">
镁≥100<text>(mg/L)</text>
</view>
</view>
<image class="matter-center" mode="widthFix" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/userGif.gif"></image>
<view class="matter-text matter-right">
<view class="matter-text-label">
钙≥200<text>(mg/L)</text>
</view>
<view class="matter-text-label">
钾≥18<text>(mg/L)</text>
</view>
<view class="matter-text-label">
钠≥100<text>(mg/L)</text>
</view>
</view>
</view>
<!-- 会员 -->
<!-- <view class="member" catchtap="judge">
<image class="member-image" src="/static/imgs/member.png" mode="aspectFill"></image>
<view class="member-text">
<view class="member-text-top">
<image class="member-text-top-icon" mode="widthFix" src="/static/ls/memberIcon.png"></image>
<image class="member-text-top-title" mode="widthFix" src="/static/ls/memberTitle.png"></image>
</view>
<view class="member-text-tips">
<view class="member-text-name" wx:if="{{userLogin}}">
{{identity.order == '1' ? '开通锶享会员' : identity.name}}
</view>
<view class="member-text-name" wx:else>
开通锶享会员
</view>
<view class="member-text-more">
<text wx:if="{{!userLogin}}">立即登录</text>
<text wx:elif="{{identity.order == '1'}}">立即开通</text>
<text wx:else>查看权益</text>
<image src="/static/ls/memberArrow.png" mode="widthFix"></image>
</view>
<view class="member-text-time" wx:if="{{userLogin}}">
<block wx:if="{{identity.order != '1'}}">
<text>{{identityShow.times.serial}}</text>
有效期： {{identityShow.times.ended_at}}
</block>
</view>
</view>
</view>
</view> -->
<!-- 入口 -->
<view class="entry">
<view bindtap="userNav" data-url="./collect/index" class="entry-label entry-collect">
<image class="entry-label-img" mode="aspectFill" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/entryBack_01.jpg"></image>
<view class="entry-label-title">
<view class="entry-label-english">collect</view>
<text>探索 收藏</text>
<view class="entry-label-more">
查看收藏<image src="https://api.siyuankunlun.com/storage/materials/2022/10/14/entryArr.png" mode="widthFix"></image>
</view>
</view>
</view>
<navigator hover-class="none" url="./goods/index" class="entry-label entry-goods">
<image class="entry-label-img" mode="aspectFill" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/entryBack_02.jpg"></image>
<view class="entry-label-title">
<text>产品中心</text>
<image class="entry-goods-icon" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/entryName.png" mode="widthFix"></image>
</view>
<image class="entry-goods-img" src="https://api.siyuankunlun.com/storage/materials/2022/10/14/entryImg.png" mode="widthFix"></image>
</navigator>
</view>
<!-- 每日任务 -->
<view class="task">
<view class="taskCont">
<view class="taskCont-tab">
<view class="taskCont-tab-label {{listType == item.category_id ? 'active' : ''}}" bindtap="onTabs" data-type="{{item.category_id}}" wx:for="{{taskSort}}" wx:key="taskSort"><text>{{item.title}}</text></view>
<!-- <view class="taskCont-tab-label {{listType == '1' ? 'active' : ''}}" bindtap="onTabs" data-type="1"><text>健康任务</text></view>
<view class="taskCont-tab-label {{listType == '2' ? 'active' : ''}}" bindtap="onTabs" data-type="2"><text>每日任务</text></view>
<view class="taskCont-tab-label {{listType == '3' ? 'active' : ''}}" bindtap="onTabs" data-type="3"><text>新手任务</text></view>
<view class="taskCont-tab-label {{listType == '4' ? 'active' : ''}}" bindtap="onTabs" data-type="4"><text>特殊任务</text></view> -->
</view>
<!-- 健康任务 -->
<view class="taskCont-list">
<!-- await 敬请期待 -->
<block wx:if="{{taskArr.length > 0}}">
<view class="taskCont-item" bindtap="JumpUrl" wx:for="{{taskArr}}" wx:key="taskArr" data-url="{{item.linker.path}}" data-type="{{item.linker.openType}}" data-state="{{item.user.finish}}" data-key="{{item.key}}">
<view class="taskCont-item-icon">
<image src="{{item.ico}}"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">{{item.title}}</view>
<view class="taskCont-item-tips"><text>+</text>{{item.tips}}</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number {{item.user.finish == 1 ? 'active' : ''}}">{{item.user.total}}/{{item.user.all}}</view>
<image class="taskCont-item-more" src=" {{item.user.finish == 1 ? '/static/ls/taskIcon_05_active.png' : '/static/ls/taskIcon_05.png'}}"></image>
</view>
</view>
</block>
<view class="taskCont-no" wx:else>
<image src="https://api.siyuankunlun.com/storage/materials/2022/10/26/noContent.png"></image>
<text>~暂无任务~</text>
</view>
</view>
<!-- 每日任务 -->
<!-- <view class="taskCont-list">
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_06.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">每日喝水打卡</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/1</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_07.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">游览5次广告</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/5</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_08.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">每日完成5000步</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/1</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_09.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">游览一篇文章</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/1</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_10.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">每日邀请一名游客</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/1</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
</view> -->
<!-- 新手任务 -->
<!-- <view class="taskCont-list" wx:if="{{listType == '3'}}">
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_11.png"></image>
</view>
<view class="taskCont-item-text" bindtap="await">
<view class="taskCont-item-title">完善资料</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/1</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_12.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">完成体验官活动</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/1</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_13.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">提出宝贵建议</view>
<view class="taskCont-item-tips"><text>+</text>0.5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/1</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
</view> -->
<!-- 特殊任务 -->
<!-- <view class="taskCont-list" wx:if="{{listType == '4'}}">
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_14.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">邀请好友注册</view>
<view class="taskCont-item-tips"><text>+</text>5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/50</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_15.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">邀请好友完成体验官</view>
<view class="taskCont-item-tips"><text>+</text>5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/50</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
<view class="taskCont-item" bindtap="await">
<view class="taskCont-item-icon">
<image src="/static/ls/taskIcon_16.png"></image>
</view>
<view class="taskCont-item-text">
<view class="taskCont-item-title">邀请好友开通会员</view>
<view class="taskCont-item-tips">仅限会员以上身份（2000~20000不等）</view>
<view class="taskCont-item-tips"><text>+</text>5水滴</view>
</view>
<view class="taskCont-item-go">
<view class="taskCont-item-number">0/50</view>
<image class="taskCont-item-more" src="/static/ls/taskIcon_05.png"></image>
</view>
</view>
</view> -->
</view>
</view>
<!-- 右侧导航 -->
<view class="rightBack {{rightShow ? 'active' : ''}}" bindtap="rightBind"></view>
<view class="rightNav {{rightShow ? 'active' : ''}}">
<image class="rightIcon" src="/static/ls/userTap.png" mode="widthFix" bindtap="rightBind"></image>
<view class="rightCont" style="padding-top:{{barHeight + jiaonangheight}}px;">
<view class="rightCont-text">
<view class="rightCont-text-top">
<image class="rightCont-top-img" mode="widthFix" src="https://api.siyuankunlun.com/storage/materials/2022/10/11/guideLogo.png"></image>
<view class="rightCont-top-name"><text>管理模块</text></view>
<view class="rightCont-top-text">用户管理模块工具</view>
</view>
<scroll-view class="rightCont-text-label" style="height: calc(100vh - {{barHeight + jiaonangheight}}px - 240rpx);" scroll-y="true">
<block wx:if="{{userLogin}}">
<view bindtap="userNav" data-url="/pages/stock/index/index" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_01.png"></image>
<view class="rightCont-text-name">库存量</view>
<view class="rightCont-text-tips">库存量信息</view>
<view class="rightCont-text-number" wx:if="{{ caseOrder.residue}}">{{ caseOrder.residue}}</view>
</view>
<view bindtap="userNav" data-url="/pages/order/list/index?listType=paid" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_02.png"></image>
<view class="rightCont-text-name">订单</view>
<view class="rightCont-text-tips">产品订单数据</view>
<view class="rightCont-text-number" wx:if="{{count.orders}}">{{count.orders}}</view>
</view>
<block wx:if="{{identity.order > 2}}">
<view bindtap="userNav" data-url="/pages/record/index/index" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_06.png"></image>
<view class="rightCont-text-name">健康档案</view>
<view class="rightCont-text-tips">个人健康档案</view>
</view>
<view bindtap="userNav" data-url="/pages/record/healthy/index" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_07.png"></image>
<view class="rightCont-text-name">健康记录</view>
<view class="rightCont-text-tips">健康记录时间轴</view>
</view>
<view bindtap="userNav" data-url="/pages/code/index" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_03.png"></image>
<view class="rightCont-text-name">邀请码</view>
<view class="rightCont-text-tips">邀请好友加入</view>
</view>
<view bindtap="userNav" data-url="/pages/recommend/index" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_05.png"></image>
<view class="rightCont-text-name">我的推荐</view>
<view class="rightCont-text-tips">推荐好友得分润</view>
<view class="rightCont-text-number" wx:if="{{count.relation.all}}">{{count.relation.all}}</view>
</view>
</block>
<view bindtap="userNav" data-url="/pages/news/classify/index" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_04.png"></image>
<view class="rightCont-text-name">我的消息</view>
<view class="rightCont-text-tips">消息模块提醒</view>
<view class="rightCont-text-number" wx:if="{{count.notifications}}">{{count.notifications}}</view>
</view>
<view bindtap="userNav" data-url="/pages/bond/activation/index" class="rightCont-text-item" wx:if="{{inviteCount > 0}}">
<image class="rightCont-text-icon" src="/static/ls/userIcon_08.png"></image>
<view class="rightCont-text-name">激活码</view>
<view class="rightCont-text-tips">邀请好友填写</view>
</view>
</block>
<navigator hover-class="none" url="/pages/about/index" class="rightCont-text-item">
<image class="rightCont-text-icon" src="/static/ls/userIcon_09.png"></image>
<view class="rightCont-text-name">锶源昆仑</view>
<view class="rightCont-text-tips">锶源昆仑纯净水</view>
</navigator>
<view class="rightCont-text-item" bindtap="outLogin" wx:if="{{userLogin}}">
<image class="rightCont-text-icon" src="/static/ls/userIcon_10.png"></image>
<view class="rightCont-text-name">退出登录</view>
<view class="rightCont-text-tips">清空数据缓存</view>
</view>
</scroll-view>
</view>
</view>
</view>
<!-- 建立档案提示弹出框 start -->
<view class="publicBack" wx:if="{{popStatus}}"></view>
<view class="publicPop" wx:if="{{popStatus}}">
<view class="publicPop-cont">
<image class="publicPop-img" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/weChatPop_02.png" mode="widthFix"></image>
<view class="publicPop-text">
<text>创建用户档案</text>请先创建个人的用户档案
</view>
<view class="publicPop-btn" bindtap="establish">立即创建</view>
</view>
<view class="publicPop-close">
<image src="/static/icons/weChatPop_close.png" mode="widthFix"></image>
</view>
</view>

759
pages/user/index.wxss Normal file
View File

@@ -0,0 +1,759 @@
page {
background-color: #f8f8fa;
}
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
}
/* 头部 */
.Usetop {
width: 100%;
position: relative;
padding-top: 48%;
}
.Usetop-back,
.Usetop-range {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.Usetop-back {
z-index: 1;
}
.Usetop-range {
z-index: 2;
}
.Usetop-see {
position: absolute;
left: 0;
width: 100%;
z-index: 3;
bottom: -30rpx;
display: flex;
padding: 0 15rpx;
box-sizing: border-box;
}
.Usetop-see-label {
flex: 3;
text-align: center;
background-color: #ffffff;
border-radius: 60rpx;
margin: 0 15rpx;
height: 60rpx;
line-height: 60rpx;
display: flex;
font-size: 26rpx;
padding: 0 20rpx;
box-sizing: border-box;
}
.Usetop-see-icon {
width: 26rpx;
height: 26rpx;
margin: 17rpx 10rpx 0 0;
}
.Usetop-see-name {
color: #404145;
}
.Usetop-see-name text {
font-size: 600;
color: #6c79fb;
}
.Usetop-cont {
padding: 40rpx 0 0 50rpx;
box-sizing: border-box;
display: flex;
}
.Usetop-head {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
border: 6rpx solid #ffe0a8;
position: relative;
}
.Usetop-head.active {
border-color: rgb(223, 223, 223);
}
.Usetop-head-avatar {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
}
.Usetop-head-ancrown {
position: absolute;
width: 48rpx;
height: 48rpx;
right: 0;
top: -34rpx;
}
.Usetop-text {
width: calc(100% - 110rpx);
padding: 0 30rpx;
box-sizing: border-box;
line-height: 100rpx;
font-size: 34rpx;
padding-top: 10rpx;
display: flex;
}
.Usetop-text image {
width: 110rpx;
margin: 34rpx 0 0 15rpx;
}
/* 物质含量 */
.matter {
padding: 50rpx 30rpx 0;
box-sizing: border-box;
display: flex;
}
.matter-center {
width: 42%;
height: auto;
}
.matter-text {
width: 29%;
font-size: 24rpx;
padding-top: 60rpx;
}
.matter-text-label {
position: relative;
height: 64rpx;
line-height: 64rpx;
box-sizing: border-box;
}
.matter-text-label::after {
position: absolute;
content: '';
top: calc(50% - 7rpx);
width: 14rpx;
height: 14rpx;
background-color: #6970fc;
border: 4rpx solid #dde0ff;
border-radius: 50%;
box-sizing: border-box;
}
.matter-text-label text {
font-size: 22rpx;
color: #ababab;
font-weight: 300;
}
.matter-left {
text-align: right;
}
.matter-left .matter-text-label {
padding-right: 30rpx;
}
.matter-right .matter-text-label {
padding-left: 30rpx;
}
.matter-left .matter-text-label::after {
right: 0;
}
.matter-right .matter-text-label::after {
left: 0;
}
/* 会员 */
.member {
margin: 0 30rpx;
box-sizing: border-box;
position: relative;
padding-top: 28%;
border-radius: 10rpx;
overflow: hidden;
}
.member-image {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.member-text {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
padding: 50rpx 40rpx 0 40rpx;
box-sizing: border-box;
}
.member-text-time {
display: flex;
color: #6059e1;
margin-top: 20rpx;
font-size: 22rpx;
opacity: .7;
}
.member-text-time text {
flex: 1;
}
.member-text-top {
display: flex;
}
.member-text-top-icon {
width: 35rpx;
margin-right: 15rpx;
}
.member-text-top-title {
width: 160rpx;
}
.member-text-tips {
color: #c1bbeb;
font-size: 24rpx;
margin-top: 25rpx;
}
.member-text-name {
display: inline-block;
padding-right: 10rpx;
}
.member-text-more {
display: inline-block;
}
.member-text-tips text {
color: #6059e1;
}
.member-text-tips image {
width: 22rpx;
vertical-align: -3rpx;
margin-left: 10rpx;
}
/* 入口 */
.entry {
padding: 30rpx 15rpx;
box-sizing: border-box;
display: flex;
}
.entry-label {
flex: 2;
margin: 0 15rpx;
background-color: #ffffff;
border-radius: 10rpx;
position: relative;
padding-top: 30%;
overflow: hidden;
}
.entry-label-img,
.entry-label-title {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.entry-label-title {
z-index: 9;
padding: 25rpx 30rpx;
box-sizing: border-box;
}
.entry-label-title text {
display: block;
}
.entry-label-english {
text-transform: uppercase;
margin-bottom: 10rpx;
}
.entry-collect .entry-label-title text {
font-size: 25rpx;
}
.entry-label-more {
font-size: 25rpx;
color: #999999;
margin-top: 30rpx;
font-weight: 300;
}
.entry-label-more image {
width: 110rpx;
display: block;
margin-top: 2rpx;
}
.entry-goods .entry-label-title {
color: #ffffff;
text-shadow: 0 0 8rpx rgba(0, 0, 0, .4);
}
.entry-goods-icon {
width: 100rpx;
margin-top: 10rpx;
}
.entry-goods-img {
position: absolute;
right: 30rpx;
bottom: 15rpx;
width: 145rpx;
animation: rot 3s steps(28) infinite;
}
@keyframes rot {
0%,
65% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
75% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
80% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
85% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
90% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
95% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes rot {
0%,
65% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
75% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
80% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
85% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
90% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
95% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
/* 每日任务 */
.task {
padding: 0 30rpx 30rpx;
box-sizing: border-box;
}
.taskCont {
background-color: #ffffff;
border-radius: 10rpx;
overflow: hidden;
padding: 0 5rpx;
box-sizing: border-box;
}
.taskCont-tab {
display: flex;
font-size: 26rpx;
line-height: 100rpx;
height: 100rpx;
color: #585858;
}
.taskCont-tab-label {
flex: 4;
text-align: center;
position: relative;
}
.taskCont-tab-label text {
display: inline-block;
position: absolute;
left: 0;
top: 0;
text-align: center;
width: 100%;
z-index: 9;
}
.taskCont-tab-label::after {
position: absolute;
content: '';
left: 15%;
bottom: 24rpx;
background-image: linear-gradient(to right,#ffffff, #ffffff);
width: 70%;
height: 16rpx;
border-radius: 30rpx;
z-index: 0;
}
.taskCont-tab-label.active::after {
background-image: linear-gradient(to right,#e2e4fe, #ffffff);
}
.taskCont-tab-label.active {
color: #000;
font-weight: 500;
}
.taskCont-list {
padding: 20rpx 0;
}
.taskCont-item {
display: flex;
margin-bottom: 50rpx;
width: 100%;
}
.taskCont-item:last-child {
margin-bottom: 20rpx;
}
.taskCont-item-icon {
width: 100rpx;
text-align: center;
margin-top: 5rpx;
}
.taskCont-item-icon image {
width: 40rpx;
height: 40rpx;
}
.taskCont-item-text {
width: calc(100% - 200rpx);
}
.taskCont-item-title {
font-size: 26rpx;
}
.taskCont-item-tips {
color: #949494;
font-size: 24rpx;
font-weight: 300;
margin-top: 10rpx;
}
.taskCont-item-tips text {
font-size: 22rpx;
}
.taskCont-item-go {
width: 100rpx;
text-align: center;
}
.taskCont-item-number {
font-size: 22rpx;
color: #afafaf;
margin-bottom: 10rpx;
}
.taskCont-item-number.active {
color: #d8d8d8;
}
.taskCont-item-more {
width: 34rpx;
height: 34rpx;
}
.taskCont-no {
text-align: center;
font-size: 25rpx;
color: #999;
padding-bottom: 30rpx;
}
.taskCont-no image {
width: 140rpx;
height: 140rpx;
display: block;
margin: 0 auto 10rpx;
}
/* 右侧导航 */
.rightBack {
position: fixed;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 98;
background-color: transparent;
display: none;
}
.rightBack.active {
display: block;
}
.rightNav {
position: fixed;
top: 0;
right: 0;
width: auto;
height: 100%;
z-index: 99;
display: flex;
}
.rightIcon {
margin-top: 400rpx;
width: 80rpx;
display: block;
margin-right: -2rpx;
}
.rightCont {
background-color: #f9f9f9;
height: 100%;
box-sizing: border-box;
width: 0;
transition: .4s;
}
.rightNav.active .rightCont {
width: auto;
}
.rightCont-text {
padding: 30rpx 20rpx 0;
box-sizing: border-box;
}
.rightCont-text-item {
background-color: #ffffff;
border-radius: 10rpx;
margin-bottom: 30rpx;
padding: 20rpx;
box-sizing: border-box;
text-align: center;
position: relative;
}
.rightCont-text-number {
font-size: 20rpx;
right: 15rpx;
top: 15rpx;
background-color: #6c79fb;
color: #fff;
display: inline-block;
position: absolute;
border-radius: 50rpx;
padding: 0 10rpx;
transform: scale(.9);
height: 30rpx;
line-height: 30rpx;
}
.rightCont-text-name {
font-size: 26rpx;
margin-bottom: 5rpx;
}
.rightCont-text-tips {
font-size: 22rpx;
color: #6f6f6f;
}
.rightCont-text-icon {
width: 38rpx;
height: 38rpx;
}
.rightCont-text-top {
text-align: right;
margin-bottom: 30rpx;
height: 160rpx;
}
.rightCont-top-img {
width: 120rpx;
}
.rightCont-top-name {
color: #d5a56d;
font-size: 28rpx;
height: 44rpx;
position: relative;
margin-bottom: 5rpx;
}
.rightCont-top-name::after {
position: absolute;
content: '';
right: 0;
bottom: 6rpx;
background-image: linear-gradient(to right,#f5d1a9, #ffffff);
width: 120rpx;
height: 14rpx;
border-radius: 30rpx;
z-index: 0;
display: none;
}
.rightNav.active .rightCont-top-name::after {
display: block;
}
.rightCont-top-name text {
display: inline-block;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 99;
}
.rightCont-top-text {
font-size: 22rpx;
color: #9f8b73;
}
/* 弹出层提示 */
.publicBack {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 99;
}
.publicPop {
left: 50%;
top: 50%;
width: 240px;
margin-left: -120px;
margin-top: -340rpx;
position: fixed;
z-index: 100;
}
.publicPop-cont {
height: 540rpx;
background-color: #FFFFFF;
border-radius: 30rpx;
padding: 30rpx;
box-sizing: border-box;
text-align: center;
}
.publicPop-img {
width: 70%;
}
.publicPop-text {
color: #9d9d9d;
font-size: 32rpx;
text-align: center;
}
.publicPop-text text {
color: #000000;
font-size: 40rpx;
display: block;
font-weight: 600;
margin: 20rpx 0 10rpx;
}
.publicPop-btn {
background-color: #1d37e2;
border-radius: 10rpx;
text-align: center;
line-height: 78rpx;
color: #FFFFFF;
margin-top: 30rpx;
font-size: 32rpx;
}
.publicPop-close {
text-align: center;
margin-top: 22rpx;
}
.publicPop-close image {
width: 58rpx;
height: 58rpx;
}