Commit c9b74a10 authored by jyx's avatar jyx

代码优化

parent c992094b
{
"version" : "1",
"prompt" : "template",
"title" : "服务协议和隐私政策",
"message" : "请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>  你可阅读<a href=\"https://shimo.im/docs/dPkpKL1EVNIBbXqO\">《用户协议》</a>和<a href=\"https://shimo.im/docs/aBAYVY4mNXfgLm3j\">《隐私政策》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。",
"buttonAccept" : "同意并接受",
"buttonRefuse" : "暂不同意",
"second" : {
"title" : "确认提示",
"message" : "进入应用前,你需先同意<a href=\"https://shimo.im/docs/dPkpKL1EVNIBbXqO\">《用户协议》</a>和<a href=\"https://shimo.im/docs/aBAYVY4mNXfgLm3j\">《隐私政策》</a>,否则将退出应用。",
"buttonAccept" : "同意并继续",
"buttonRefuse" : "退出应用"
},
"styles" : {
"backgroundColor" : "#ffffff",
"borderRadius" : "5px",
"title" : {
"color" : "#008cfb"
},
"buttonAccept" : {
"color" : "#008cfb"
},
"buttonRefuse" : {
"color" : "#c0c0c0"
}
}
}
......@@ -15,25 +15,30 @@
<view
:style="'display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;margin-top:'+10+'px;'">
<image class="avatar" src="@/static/logo-about.png"></image>
<view>
<view style="font-size: 34rpx;color: black;margin-left: 30rpx;">用户ID:{{userBean.idcode}}</view>
<view style="font-size: 26rpx;color: #b5b5b5;margin-left: 30rpx;margin-top: 10rpx;">
书中自有颜如玉,书中自有黄金屋,书中自有千钟黍</view>
<view style="padding-left: 30rpx;font-size: 22rpx;">
<view style="font-size: 34rpx;color: black;margin-bottom: 10rpx;">书友{{userBean.idcode}}</view>
<view v-if="isVip()"
style="color: #9B4029;border-radius: 20rpx;width:130rpx;text-align:center;background:linear-gradient(90deg,#F9BEA9,#FFDACA);">
普通用户
</view>
<view v-else
style="color: #392F2C;border-radius: 20rpx;width:130rpx;text-align:center;background:linear-gradient(90deg,#FAD198,#F7C98C);">
畅读VIP</view>
</view>
</view>
<view style="display: flex;height: 200rpx;margin:30rpx 20rpx;background: #263358;border-radius: 20rpx;">
<view style="display: flex;height: 220rpx;margin:30rpx;background: #263358;border-radius: 30rpx;">
<view style="flex-grow: 2; margin-left: 20rpx;">
<view style="width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;">
<view style="display: flex;align-items: center;">
<image style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
src="https://mints-web.oss-cn-beijing.aliyuncs.com/images/ic_my_vip.png"></image>
<view style="font-size: 36rpx;font-weight: 777;color: white;">
{{userBean.expireTime<=0 ? '开通VIP会员' : 'VIP会员'}}
<view style="font-size: 36rpx;font-weight: 777;color: #FFE5BA;">
{{ isVip() ? '开通VIP会员' : 'VIP会员'}}
</view>
</view>
<view v-if="userBean.expireTime<=0" style="font-size: 28rpx;color: #b5b5b5;margin-top: 20rpx;">
<view v-if="isVip()" style="font-size: 28rpx;color: #ADABAA;margin-top: 20rpx;">
开通会员享更多福利</view>
<view v-else style="font-size: 28rpx;color: #b5b5b5;margin-top: 20rpx;">
到期时间:{{userBean.expireTime*1000 | formatDate('yyyy-MM-dd')}}</view>
......@@ -43,47 +48,47 @@
<view
style="width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
<view @click="handleCoinPay"
style="width: 160rpx;height: 60rpx;background-color: #fff;border-radius:30rpx;color: 263358;font-size: 26rpx;justify-content: center;align-items: center;display: flex;padding-bottom: 4rpx;">
{{userBean.expireTime<=0 ? '去开通' : '已开通'}}
style="width: 160rpx;height: 70rpx;background:linear-gradient(90deg,#FAD198,#F7C98C);border-radius:30rpx;color: #4F301D;font-size: 34rpx;text-align: center;line-height: 70rpx;">
{{ isVip() ? '去开通' : '已开通'}}
</view>
</view>
</view>
</view>
<view class="infobg" style="margin: 20rpx;">
<view class="item arrow" @click="handlePayRecord">
<view class="wrap-bg">
<view class="item" @click="handlePayRecord">
<image class="avatar" src="@/static/logo-about.png"></image>
我的订单
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view v-if="false" class="item arrow" @click="handleDotRecord">
<view v-if="false" class="item" @click="handleDotRecord">
<image class="avatar" src="@/static/logo-about.png"></image>
书豆记录
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view v-if="false" class="item arrow" @click="handleUseDotRecord">
<view v-if="false" class="item" @click="handleUseDotRecord">
<image class="avatar" src="@/static/logo-about.png"></image>
消费记录
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view class="item arrow" @click="handleReadRecord">
<view class="item" @click="handleReadRecord">
<image class="avatar" src="@/static/logo-about.png"></image>
阅读记录
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view v-if="false" class="item arrow" @click="handleFind">
<view v-if="false" class="item" @click="handleFind">
<image class="avatar" src="@/static/logo-about.png"></image>
如何找到我
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view class="item arrow" @click="handlecdk">
<view class="item" @click="handlecdk">
<image class="avatar" src="@/static/logo-about.png"></image>
兑换会员
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view class="item arrow" @click="handlePhone">
<view class="item" @click="handlePhone">
<image class="avatar" src="@/static/logo-about.png"></image>
联系客服
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
</view>
<view style="display: flex;justify-content: center;margin-top: 20rpx;font-size: 26rpx;color: gray;">
<!-- <view style="display: flex;justify-content: center;margin-top: 20rpx;font-size: 26rpx;color: gray;">
{{ versionName }}
</view>
</view> -->
<coin-popup :show="showAnimate" @close="showAnimate = false" @paySuccess="paySuccess">
</coin-popup>
<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
......@@ -92,9 +97,9 @@
<script>
import common from '@/mixins/common';
import kefuPopup from '@/components/kefu-popup/kefu-popup.vue';
import {
VERSION_CODE
} from "@/utils/utils.js"
// import {
// VERSION_CODE
// } from "@/utils/utils.js"
import {
navigateTo,
......@@ -128,7 +133,7 @@
},
methods: {
show() {
this.versionName = 'v ' + VERSION_CODE
// this.versionName = 'v ' + VERSION_CODE
this.post({
url: '/user/baseMsg',
showLoading: false,
......@@ -141,6 +146,9 @@
},
hide() {
},
isVip() {
return this.userBean && this.userBean.expireTime <= 0
},
handleDotRecord() {
// 书豆记录
......@@ -204,70 +212,33 @@
//box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.vip-item {
width: 100%;
padding: 10rpx 40rpx;
.content {
width: 90%;
margin: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 20rpx 40rpx;
background: #263358;
color: #fff;
border-radius: 18rpx;
}
.wrap-bg {
display: flex;
flex-direction: row;
justify-content: space-between;
background: white;
margin: 30rpx;
// padding: 30rpx;
margin-top: 0;
border-radius: 30rpx;
.item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin-right: 20rpx;
}
.item:last-child {
margin-right: 0;
}
.row {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 15rpx;
}
.row:last-child {
margin-bottom: 0;
margin-right: 30rpx;
}
.title {
font-size: 38rpx;
font-weight: 700;
font-style: italic;
}
.desc {
font-size: 26rpx;
color: #b5b5b5;
}
.button {
height: 40rpx;
line-height: 70rpx;
border-radius: 35rpx;
width: 160rpx;
background: #fff;
color: #263358;
text-align: center;
font-size: 30rpx;
font-weight: 700;
font-style: italic;
.item :last-child {
margin-right: 0;
}
.item :first-child {
margin-left: 30rpx;
}
}
.show-mask {
width: 100%;
height: 100%;
......
......@@ -9,34 +9,33 @@
<view class="tabs-bar" style="z-index: 999;">
<view :class="currentPage==0?'tab active': 'tab'" @click="tabChange(0)">
<view style="margin: 16rpx 0 11rpx;">
<image v-if="currentPage==0" class="tabs-image" src="/static/tab/index_selected.png"
mode="heightFix">
<image v-if="currentPage==0" class="tabs-image" src="/static/tab/bookshelf_s.png" mode="heightFix">
</image>
<image v-else class="tabs-image" src="/static/tab/index_unselected.png" mode="heightFix"></image>
<image v-else class="tabs-image" src="/static/tab/bookshelf.png" mode="heightFix"></image>
</view>
书架
</view>
<view :class="currentPage == 1?'tab active': 'tab'" @click="tabChange(1)">
<view style="margin: 16rpx 0 11rpx;">
<image v-if="currentPage==1" class="tabs-image" src="/static/tab/promote_selected.png"
mode="heightFix"></image>
<image v-else class="tabs-image" src="/static/tab/promote_unselected.png" mode="heightFix"></image>
<image v-if="currentPage==1" class="tabs-image" src="/static/tab/bookcity_s.png" mode="heightFix">
</image>
<image v-else class="tabs-image" src="/static/tab/bookcity.png" mode="heightFix"></image>
</view>
书城
</view>
<view :class="currentPage == 2?'tab active': 'tab'" @click="tabChange(2)">
<view style="margin: 16rpx 0 11rpx;">
<image v-if="currentPage==2" class="tabs-image" src="/static/tab/promote_selected.png"
mode="heightFix"></image>
<image v-else class="tabs-image" src="/static/tab/promote_unselected.png" mode="heightFix"></image>
<image v-if="currentPage==2" class="tabs-image" src="/static/tab/bookstore_s.png" mode="heightFix">
</image>
<image v-else class="tabs-image" src="/static/tab/bookstore.png" mode="heightFix"></image>
</view>
书库
</view>
<view :class="currentPage == 3?'tab active': 'tab'" @click="tabChange(3)">
<view style="margin: 16rpx 0 11rpx;">
<image v-if="currentPage==3" class="tabs-image" src="/static/tab/my_selected.png" mode="heightFix">
<image v-if="currentPage==3" class="tabs-image" src="/static/tab/my_s.png" mode="heightFix">
</image>
<image v-else class="tabs-image" src="/static/tab/my_unselected.png" mode="heightFix"></image>
<image v-else class="tabs-image" src="/static/tab/my.png" mode="heightFix"></image>
</view>
我的
</view>
......@@ -46,7 +45,7 @@
<view v-else class="body">
<view
:style="'display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;margin-top:'+10+'px;'">
<image class="avatar" src="@/static/logo-about.png"></image>
<image class="avatar" src="@/static/images/logo.png"></image>
<view>
<view style="font-size: 34rpx;color: black;margin-left: 30rpx;">用户ID:{{localIdcode}}</view>
<view style="font-size: 26rpx;color: #b5b5b5;margin-left: 30rpx;margin-top: 10rpx;">
......
<template>
<view class="body">
<image style="width: 170rpx;height: 170rpx;margin-top: 30%;" src="@/static/logo-about.png" mode="widthFix" />
<image style="width: 170rpx;height: 170rpx;margin-top: 30%;" src="@/static/image/logo.png" mode="widthFix" />
<view style="color: black;margin-top: 30rpx;font-size: 40rpx;font-size: 50rpx;">{{appName}}</view>
<view style="color: #FECF02;margin-top: 10rpx;font-size: 40rpx;font-size: 40rpx;">欢迎使用</view>
<view style="bottom: 0;position: absolute;">
......
......@@ -6,10 +6,10 @@
flex: 1;
text-align: center;
font-size: 26rpx;
font-weight: bold;
// font-weight: bold;
color: black;
&.active {
color: #FECF02;
color: #F1413C;
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment