个人中心新增绑定关系
This commit is contained in:
唐明明
@@ -95,6 +95,29 @@ const paymentpre = () => {
|
||||
})
|
||||
}
|
||||
|
||||
// 我的版通账户信息
|
||||
const wbtInfo = () => {
|
||||
return request({
|
||||
url: 'wallet/wbt/info'
|
||||
})
|
||||
}
|
||||
|
||||
// 是否绑定了文版通账户
|
||||
const wbtCheck = () => {
|
||||
return request({
|
||||
url: 'wallet/wbt/check'
|
||||
})
|
||||
}
|
||||
|
||||
// 绑定账户版通账户
|
||||
const wbtBind = (data) => {
|
||||
return request({
|
||||
url: 'wallet/wbt/bind',
|
||||
data:data,
|
||||
method:'POST',
|
||||
})
|
||||
}
|
||||
|
||||
export {
|
||||
dt,
|
||||
recharge,
|
||||
@@ -106,6 +129,9 @@ export {
|
||||
getSms,
|
||||
submitTransfer,
|
||||
integral,
|
||||
paymentpre
|
||||
paymentpre,
|
||||
wbtInfo,
|
||||
wbtCheck,
|
||||
wbtBind
|
||||
}
|
||||
|
||||
|
||||
40
apis/interfaces/news.js
Normal file
40
apis/interfaces/news.js
Normal file
@@ -0,0 +1,40 @@
|
||||
|
||||
/**
|
||||
* Web-zdx
|
||||
* moduleName: 消息中心
|
||||
*/
|
||||
|
||||
import {
|
||||
request
|
||||
} from '../index'
|
||||
|
||||
|
||||
|
||||
// 意见反馈通知列表
|
||||
const list = (type,data) => {
|
||||
return request({
|
||||
url: 'notifications/'+type+'/list',
|
||||
data:data,
|
||||
})
|
||||
}
|
||||
// 意见反馈 详情
|
||||
const detail = (notification_id) => {
|
||||
return request({
|
||||
url: 'notifications/'+notification_id,
|
||||
})
|
||||
}
|
||||
|
||||
// 全部已读
|
||||
const readAll = (type) => {
|
||||
return request({
|
||||
url: 'notifications/'+type,
|
||||
method:'PUT',
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export {
|
||||
list,
|
||||
detail,
|
||||
readAll,
|
||||
}
|
||||
@@ -30,8 +30,31 @@ const invitationCode = () => {
|
||||
})
|
||||
}
|
||||
|
||||
// 绑定分享关系
|
||||
const relationsBind = (invite) => {
|
||||
return request({
|
||||
url: 'user/relations/bind',
|
||||
data: {
|
||||
invite
|
||||
},
|
||||
method: 'POST'
|
||||
})
|
||||
}
|
||||
|
||||
// 确认绑定关系
|
||||
const relationsVerify = (invite) => {
|
||||
return request({
|
||||
url: 'user/relations/verify',
|
||||
data: {
|
||||
invite
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export {
|
||||
info,
|
||||
chainSeed,
|
||||
invitationCode
|
||||
invitationCode,
|
||||
relationsBind,
|
||||
relationsVerify
|
||||
}
|
||||
|
||||
1040
pages.json
1040
pages.json
File diff suppressed because it is too large
Load Diff
@@ -13,17 +13,17 @@
|
||||
DT积分冻结
|
||||
<image src="/static/rank/help.png" style="width: 30rpx;" mode="widthFix" />
|
||||
</view>
|
||||
<view class="num">{{frozenScore}}</view>
|
||||
<view class="num">{{frozenScore || '0.0000'}}</view>
|
||||
</view>
|
||||
<button class="transfer" size="mini" @click="onTransfer('AccountRecharge')">充值</button>
|
||||
<button class="transfer" size="mini" @click="dtShow = true">充值</button>
|
||||
<button class="transfer" size="mini" @click="onTransfer('AccountTransfer')">转账</button>
|
||||
</view>
|
||||
<block v-if="logs.length > 0">
|
||||
<view class="logs-title">账户记录</view>
|
||||
<view class="logs-item" v-for="(item,index) in logs" :key="index" @click="frozenInfo(item.description)">
|
||||
<view class="logs-item-title">
|
||||
{{item.remark}}
|
||||
<image v-if ="item.description!== ''" src="/static/rank/help3.png" mode="widthFix" />
|
||||
<view class="logs-item-title">
|
||||
{{item.remark}}
|
||||
<image v-if="item.description!== ''" src="/static/rank/help3.png" mode="widthFix" />
|
||||
</view>
|
||||
<view class="logs-item-time">{{item.created_at}}</view>
|
||||
<view class="logs-item-price" :class="item.amount > 0 ? 'add': 'remove'">
|
||||
@@ -38,12 +38,25 @@
|
||||
</u-empty>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<u-popup :show="dtShow" mode="bottom" @close="dtShow = false " :round="10">
|
||||
<view class="dt-type">
|
||||
<view class="dt-item" @click="dtSelect('wbt')">
|
||||
<image src="/static/icon/pay_wbt.png" mode="widthFix" />
|
||||
文版通充值
|
||||
</view>
|
||||
<view class="dt-item" @click="dtSelect('wchat')">
|
||||
<image src="/static/icon/pay_wechat.png" mode="widthFix" />
|
||||
微信充值
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
dt
|
||||
dt,wbtCheck
|
||||
} from '@/apis/interfaces/account.js'
|
||||
export default {
|
||||
data() {
|
||||
@@ -52,8 +65,9 @@
|
||||
frozenScore: '0.00',
|
||||
logs: [],
|
||||
page: 1,
|
||||
has_more: true,
|
||||
description:'',
|
||||
has_more: true,
|
||||
description: '',
|
||||
dtShow: false, // 是否显示重置弹窗
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
@@ -69,7 +83,35 @@
|
||||
this.page = 1;
|
||||
this.getDt();
|
||||
},
|
||||
methods: {
|
||||
methods: {
|
||||
dtSelect(type){
|
||||
switch(type){
|
||||
case 'wchat':
|
||||
this.onTransfer('AccountRecharge');
|
||||
break;
|
||||
case 'wbt':
|
||||
wbtCheck().then(res=>{
|
||||
if(res){
|
||||
uni.showToast({
|
||||
title:' 跳转文版通APP, 努力开发中~',
|
||||
icon:"none",
|
||||
mask:true,
|
||||
duration:3000
|
||||
})
|
||||
}else{
|
||||
this.$Router.push({name:'WbtBind'})
|
||||
}
|
||||
this.dtShow = false;
|
||||
}).catch(err=>{
|
||||
uni.showToast({
|
||||
title:err.message,
|
||||
icon:"none",
|
||||
mask:true
|
||||
})
|
||||
})
|
||||
break;
|
||||
}
|
||||
},
|
||||
getDt() {
|
||||
dt({
|
||||
page: this.page
|
||||
@@ -79,7 +121,7 @@
|
||||
}
|
||||
this.score = res.score;
|
||||
this.frozenScore = res.frozenScore;
|
||||
this.logs = this.logs.concat(res.lists.data);
|
||||
this.logs = this.logs.concat(res.lists.data);
|
||||
this.description = res.description;
|
||||
this.has_more = res.lists.page.has_more;
|
||||
uni.stopPullDownRefresh();
|
||||
@@ -95,19 +137,19 @@
|
||||
this.$Router.push({
|
||||
name
|
||||
})
|
||||
},
|
||||
frozenInfo(description){
|
||||
if(description!== ''){
|
||||
uni.showModal({
|
||||
title:'温馨提示',
|
||||
content:description,
|
||||
showCancel:false,
|
||||
confirmColor:"#34ce98",
|
||||
confirmText:' 知道了'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
frozenInfo(description) {
|
||||
if (description !== '') {
|
||||
uni.showModal({
|
||||
title: '温馨提示',
|
||||
content: description,
|
||||
showCancel: false,
|
||||
confirmColor: "#34ce98",
|
||||
confirmText: ' 知道了'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
onNavigationBarButtonTap() {
|
||||
this.$Router.push({
|
||||
@@ -188,9 +230,10 @@
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
image{
|
||||
padding-left: 4rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
image {
|
||||
padding-left: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -203,14 +246,14 @@
|
||||
}
|
||||
|
||||
.transfer[size="mini"] {
|
||||
width: 160rpx;
|
||||
height: 70rpx;
|
||||
width: 150rpx;
|
||||
height: 66rpx;
|
||||
border-radius: 40rpx;
|
||||
line-height: 70rpx;
|
||||
line-height: 66rpx;
|
||||
background: white;
|
||||
font-size: 30rpx;
|
||||
color: $main-color;
|
||||
margin: 0;
|
||||
margin: 4rpx;
|
||||
font-weight: bold;
|
||||
|
||||
&::after {
|
||||
@@ -240,15 +283,16 @@
|
||||
.logs-item-title {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
line-height: 50rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
image{
|
||||
width: 30rpx;
|
||||
padding-left: 4rpx;
|
||||
line-height: 50rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
|
||||
image {
|
||||
width: 30rpx;
|
||||
padding-left: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -288,4 +332,27 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dt-type {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
padding: $padding *2 $padding;
|
||||
.dt-item{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 28rpx;
|
||||
color:grey;
|
||||
image{
|
||||
width: 80rpx;
|
||||
margin-bottom: $margin;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<!-- 设置支付密码 -->
|
||||
<view class="password">
|
||||
<view class="prompt">
|
||||
<view class="prompt-code">验证码已发送至{{phone}}
|
||||
<view class="prompt-code">验证码发送至{{phone}}
|
||||
<!-- <button size="mini" :disabled="getCodeState" @click="getCode">{{sendCode}}</button> -->
|
||||
</view>
|
||||
<view>请设置6位数字密码。建议不要使用连续的数字。</view>
|
||||
|
||||
200
pages/account/wbtBind.vue
Normal file
200
pages/account/wbtBind.vue
Normal file
@@ -0,0 +1,200 @@
|
||||
<template>
|
||||
<view class="wbtBind">
|
||||
|
||||
<view class="input">
|
||||
<view class="title">文版通编号</view>
|
||||
<input type="number" maxlength="13" v-model="account" placeholder-class="placeholderClass" placeholder="请输入13位数字的文版通账号" />
|
||||
</view>
|
||||
|
||||
<view class="input">
|
||||
<view class="title">文版通姓名</view>
|
||||
<input type="text" v-model="name" placeholder-class="placeholderClass" placeholder="请输入您的文版通姓名" />
|
||||
</view>
|
||||
|
||||
<view class="group">
|
||||
<u-radio-group>
|
||||
<u-radio :checked='true' activeColor="#34ce98" labelColor="#999" labelSize="13" label="我有文版通账号" />
|
||||
</u-radio-group>
|
||||
<view class="created" >创建账号</view>
|
||||
</view>
|
||||
|
||||
<view class="sure" @click="wbtBind"> 确认绑定文版通 </view>
|
||||
|
||||
<navigator hover-class="none" url="/pages/vip/agreement?id=9">
|
||||
<view class="agree"> 同意
|
||||
<span>《文版通使用协议》</span>
|
||||
</view>
|
||||
</navigator>
|
||||
|
||||
<view class="help">
|
||||
<view class="title"> 温馨提示 </view>
|
||||
<view class="help_1" v-for="item in 4" :key='item'>
|
||||
{{item}}.文版通使用注意事项，文版通使用注意事项，文版通使用注意事项，文版通使用注意事项，文版通使用注意事项，文版通使用注意事项。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { wbtBind } from '@/apis/interfaces/account'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
account: '',
|
||||
name: ''
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
wbtBind(){
|
||||
let data = {
|
||||
account: this.account,
|
||||
name: this.name
|
||||
}
|
||||
if(data.account === '' && data.account.length !== 13){
|
||||
uni.showToast({
|
||||
title:'请核对账号',
|
||||
icon:"none",
|
||||
mask:true
|
||||
})
|
||||
return ;
|
||||
}
|
||||
if(data.name === ''){
|
||||
uni.showToast({
|
||||
title:'请核对姓名',
|
||||
icon:"none",
|
||||
mask:true
|
||||
})
|
||||
return ;
|
||||
}
|
||||
uni.showModal({
|
||||
title:'温馨提示',
|
||||
content:'确认绑定该文版通账号,绑定后无法撤回！',
|
||||
success:(res)=> {
|
||||
if(res.confirm){
|
||||
wbtBind(data).then(res=>{
|
||||
uni.showToast({
|
||||
title:'文版通账号绑定成功',
|
||||
icon:"none",
|
||||
mask:true,
|
||||
duration:1500
|
||||
})
|
||||
setTimeout(()=>{
|
||||
uni.navigateBack({})
|
||||
},2000)
|
||||
}).catch(err=>{
|
||||
uni.showToast({
|
||||
title:err.message,
|
||||
icon:"none",
|
||||
mask:true
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.wbtBind {
|
||||
min-height: 100vh;
|
||||
background-color: #f9f9f9;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-top: 20rpx;
|
||||
|
||||
.input {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding: $padding + 20 $padding;
|
||||
background-color: #fff;
|
||||
border-bottom: solid 1rpx #f9f9f9;
|
||||
|
||||
input {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
width: 200rpx;
|
||||
margin-right: $margin;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.placeholderClass {
|
||||
color: #cacaca;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.group {
|
||||
font-size: 28rpx;
|
||||
padding: $padding;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
margin-top: 10rpx;
|
||||
|
||||
.created {
|
||||
color: #34CE98;
|
||||
}
|
||||
}
|
||||
|
||||
.sure {
|
||||
background-color: $main-color;
|
||||
color: #FFFFFF;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
margin: 0 $margin $margin $margin;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
padding: $padding;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.agree {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
padding-left: $padding;
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
|
||||
span {
|
||||
color: #1482D1;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.help {
|
||||
padding: $padding;
|
||||
color: #666;
|
||||
font-size: 30rpx;
|
||||
margin-top: $margin;
|
||||
|
||||
.title {
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
padding-bottom: 20rpx;
|
||||
padding-top: 20rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.help_1 {
|
||||
padding-top: 10rpx;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
316
pages/news/detail.vue
Normal file
316
pages/news/detail.vue
Normal file
@@ -0,0 +1,316 @@
|
||||
<template>
|
||||
<view class="notification">
|
||||
<view class="notification-block">
|
||||
<view class="notification-title">
|
||||
<view class="" style="display: flex;flex-direction: row;">
|
||||
<image class="answer-img" src="/static/news/news.png" mode="widthFix" />官方客服回复
|
||||
</view>
|
||||
<view class="date" v-if="notificationInfo.detail"> {{notificationInfo.detail.created_at}}</view>
|
||||
</view>
|
||||
<view class="notification-radiobox">
|
||||
<view class="answer show"> A : {{notificationInfo.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="notification-block">
|
||||
<view class="notification-title">
|
||||
我的意见与建议
|
||||
<view class="date"> {{notificationInfo.created_at}}</view>
|
||||
</view>
|
||||
<view class="notification-radiobox">
|
||||
<view class="notification-radiobox-item" :class="{'show': radioValue === '页面闪退'}">页面闪退</view>
|
||||
<view class="notification-radiobox-item" :class="{'show': radioValue === '操作体验'}">操作体验</view>
|
||||
<view class="notification-radiobox-item" :class="{'show': radioValue === '账号问题'}">账号问题</view>
|
||||
<view class="notification-radiobox-item" :class="{'show': radioValue === '功能异常'}">功能异常</view>
|
||||
<view class="notification-radiobox-item" :class="{'show': radioValue === '产品建议'}">产品建议</view>
|
||||
<view class="notification-radiobox-item" :class="{'show': radioValue === '其他问题'}">其他问题</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="notification-block" v-if="notificationImg.length>0">
|
||||
<view class="notification-title">上传应用截图({{notificationImg.length}}/8)</view>
|
||||
<view class="notification-sbutitle">上传出现问题的应用图片；</view>
|
||||
<view class="notification-imgs">
|
||||
<view class="notification-imgs-item" v-for="(item, index) in notificationImg" :key="index">
|
||||
<image :src="item" mode="aspectFill" @click="prieve(index)"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="notification-block" v-if="description.length>0">
|
||||
<view class="notification-title"> 问题说明</view>
|
||||
<view class="notification-sbutitle">请对您所遇到的问题进行尽可能详细的描述</view>
|
||||
<view class="notification-textarea">
|
||||
<textarea maxlength="200" v-model="description" :disabled="true" />
|
||||
<view class="notification-textarea-size">{{description.length}}/200</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="notification-block" v-if="mobile.length>0">
|
||||
<view class="notification-title">联系方式</view>
|
||||
<input class="notification-input" type="number" :disabled="true" v-model="mobile" maxlength="11"
|
||||
placeholder="输入手机号码" />
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<!-- 微信客服 -->
|
||||
<u-modal :show="wechatCode" title="微信客服" confirmColor="#34CE98" :showCancelButton="true" cancelText="关闭"
|
||||
confirmText="保存二维码" @cancel="wechatCode = false" @confirm="dowQrCode">
|
||||
<slot>
|
||||
<view class="wechat-content">
|
||||
<image class="wechat-qrcode" :src="require('@/static/user/qrCode.jpeg')" mode="widthFix"></image>
|
||||
<view class="wechat-text">扫描企业微信二维码，添加微信客服</view>
|
||||
</view>
|
||||
</slot>
|
||||
</u-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
notifications
|
||||
} from '@/apis/interfaces/versions'
|
||||
import {
|
||||
detail
|
||||
} from '@/apis/interfaces/news'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
radioValue: "页面闪退",
|
||||
description: "",
|
||||
mobile: "",
|
||||
systemInfo: {},
|
||||
notificationImg: [],
|
||||
wechatCode: false,
|
||||
notificationInfo: {}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
uni.getSystemInfo({
|
||||
success: systemRes => {
|
||||
this.systemInfo = {
|
||||
brand: systemRes.brand,
|
||||
models: systemRes.model,
|
||||
pixel: systemRes.pixelRatio,
|
||||
width: systemRes.windowWidth,
|
||||
height: systemRes.windowHeight,
|
||||
version: systemRes.system,
|
||||
platform: systemRes.platform,
|
||||
font_size: systemRes.fontSizeSetting,
|
||||
client_id: systemRes.deviceId,
|
||||
}
|
||||
}
|
||||
})
|
||||
detail(this.$Route.query.id).then(res => {
|
||||
this.notificationInfo = res;
|
||||
this.radioValue = res.detail.type || ''
|
||||
this.notificationImg = res.detail.pictures || []
|
||||
this.description = res.detail.description || ''
|
||||
this.mobile = res.detail.mobile || ''
|
||||
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon: 'none',
|
||||
mask: true,
|
||||
})
|
||||
})
|
||||
},
|
||||
onNavigationBarButtonTap() {
|
||||
this.wechatCode = true
|
||||
},
|
||||
methods: {
|
||||
dowQrCode() {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: require('@/static/user/qrCode.jpeg'),
|
||||
success(res) {
|
||||
uni.showToast({
|
||||
title: '二维码已保存到系统相册',
|
||||
icon: 'none'
|
||||
})
|
||||
},
|
||||
fail(err) {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
prieve(index) {
|
||||
uni.previewImage({
|
||||
urls: this.notificationImg,
|
||||
current:index
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.notification-block {
|
||||
padding: 30rpx;
|
||||
border-top: solid 20rpx #F8F8F8;
|
||||
}
|
||||
|
||||
.notification-title {
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
line-height: 40rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
.date{
|
||||
color: grey;
|
||||
font-size: 26rpx;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.notification-title text {
|
||||
color: #e6576b;
|
||||
padding-left: 5rpx;
|
||||
}
|
||||
|
||||
.notification-radiobox {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 20rpx -10rpx 0;
|
||||
}
|
||||
|
||||
.notification-radiobox-item {
|
||||
position: relative;
|
||||
width: calc(33.33% - 20rpx);
|
||||
display: inline-block;
|
||||
margin: 10rpx;
|
||||
background: #F8F8F8;
|
||||
text-align: center;
|
||||
line-height: 70rpx;
|
||||
border-radius: 30rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.answer {
|
||||
position: relative;
|
||||
width: calc(100% - 20rpx);
|
||||
display: inline-block;
|
||||
margin: 10rpx;
|
||||
background: rgba($color: #34ce98, $alpha: 0.1);
|
||||
text-align: center;
|
||||
line-height: 70rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 30rpx;
|
||||
text-align: left;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
.notification-radiobox-item.show {
|
||||
background: #34CE98;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notification-imgs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin: 10rpx -10rpx 0;
|
||||
}
|
||||
|
||||
.notification-imgs-item {
|
||||
position: relative;
|
||||
width: calc(25% - 20rpx);
|
||||
padding-top: calc(25% - 20rpx);
|
||||
margin: 20rpx 10rpx 0 10rpx;
|
||||
}
|
||||
|
||||
.notification-imgs-item image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: solid 1rpx #f8f8f8;
|
||||
}
|
||||
|
||||
.notification-sbutitle {
|
||||
font-size: 28rpx;
|
||||
padding-top: 10rpx;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.notification-textarea {
|
||||
background: #F8F8F8;
|
||||
border-radius: 20rpx;
|
||||
padding: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.notification-textarea textarea {
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.notification-textarea-size {
|
||||
text-align: right;
|
||||
font-size: 28rpx;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.notification-input {
|
||||
background: #F8F8F8;
|
||||
border-radius: 20rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
margin-top: 20rpx;
|
||||
font-size: 32rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.btn button {
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 45rpx;
|
||||
background: #34CE98;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.btn button:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 弹出层 */
|
||||
.wechat-content {
|
||||
text-align: center;
|
||||
padding: 30rpx 0;
|
||||
}
|
||||
|
||||
.wechat-qrcode {
|
||||
width: 248rpx;
|
||||
height: 248rpx;
|
||||
}
|
||||
|
||||
.wechat-text {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: gray;
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
|
||||
.answer-img {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
</style>
|
||||
174
pages/news/index.vue
Normal file
174
pages/news/index.vue
Normal file
@@ -0,0 +1,174 @@
|
||||
<template>
|
||||
<view class="news">
|
||||
<block v-if="lists.length > 0">
|
||||
<view class="list-item" v-for="(item,index) in lists" :key="index" @click="goUrl(item.notification_id,index)">
|
||||
<u-badge class="bell_fill_dot" :isDot="item.read_at === ''" type="error" />
|
||||
<image src="/static/news/news.png" mode="widthFix" />
|
||||
<view class="list-item-right">
|
||||
<view class="top">
|
||||
<view class="title">
|
||||
<view class="titl"> 系统反馈 </view>
|
||||
<view class="des">官方</view>
|
||||
</view>
|
||||
<view class="date">{{item.created_at}}</view>
|
||||
</view>
|
||||
<view class="sub-title">快捷反馈:{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<view class="no-list" v-else>
|
||||
<u-empty mode="message" icon="http://cdn.uviewui.com/uview/empty/message.png" text="暂无消息~" textColor="#999" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {list,readAll} from '@/apis/interfaces/news.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
lists:[],
|
||||
type:'FeedbackNotification',
|
||||
has_more: true,
|
||||
page: 1,
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getList();
|
||||
},
|
||||
onReachBottom() {
|
||||
if(this.has_more){
|
||||
this.page = this.page + 1;
|
||||
this.getList();
|
||||
} else{
|
||||
uni.showToast({
|
||||
title:'没有更多啦~',
|
||||
icon:'none',
|
||||
mask:true,
|
||||
})
|
||||
}
|
||||
},
|
||||
onNavigationBarButtonTap() {
|
||||
readAll(this.type).then(res=>{
|
||||
uni.showToast({
|
||||
title:'全部已读',
|
||||
icon:"none",
|
||||
mask:true,
|
||||
duration:3000
|
||||
});
|
||||
this.page = 1;
|
||||
this.has_more = true;
|
||||
this.getList();
|
||||
}).catch(err=>{
|
||||
uni.showToast({
|
||||
title:err.message,
|
||||
icon:"none",
|
||||
mask:true,
|
||||
duration:3000
|
||||
})
|
||||
})
|
||||
|
||||
},
|
||||
methods: {
|
||||
goUrl(id,index){
|
||||
this.lists[index].read_at = '11111'
|
||||
this.$Router.push({name:'newsDetail',params:{id:id}});
|
||||
},
|
||||
getList(){
|
||||
list(this.type,{page:this.page}).then(res=>{
|
||||
if(this.page === 1){
|
||||
this.lists = []
|
||||
}
|
||||
this.lists = this.lists.concat(res.data)
|
||||
this.has_more = res.page.has_more
|
||||
}).catch(err=>{
|
||||
uni.showToast({
|
||||
title:err.message,
|
||||
icon:"none",
|
||||
mask:true,
|
||||
duration:3000
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.list-item {
|
||||
padding: $padding - 10 $padding;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
border-bottom: solid 1rpx #f0f0f0;
|
||||
|
||||
image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
.list-item-right {
|
||||
padding-left: $padding - 10;
|
||||
flex: 1;
|
||||
|
||||
.top {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
|
||||
.titl {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.des {
|
||||
margin-left: 10rpx;
|
||||
border-radius: 6rpx;
|
||||
border: solid 1rpx #F76260;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #F76260;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.date {
|
||||
font-size: 26rpx;
|
||||
color: grey;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
font-size: 26rpx;
|
||||
color: grey;
|
||||
padding-top: 10rpx;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.no-list {
|
||||
height: 80vh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
@@ -100,7 +100,7 @@
|
||||
orders({
|
||||
state: this.tabs[this.index].type,
|
||||
page: this.page
|
||||
}).then(res => {
|
||||
}).then(res => {
|
||||
if (res.page.current === 1) {
|
||||
this.array = []
|
||||
}
|
||||
@@ -114,7 +114,8 @@
|
||||
stateText: val.state,
|
||||
cans: val.can,
|
||||
shop: val.shop,
|
||||
goods_id:val.items[0].sku.goods_id
|
||||
goods_id:val.items[0].sku.goods_id,
|
||||
unit:val.items[0].sku.unit
|
||||
}
|
||||
})
|
||||
this.array = this.array.concat(ordersArr)
|
||||
@@ -149,10 +150,8 @@
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
cancel(orderNo).then(res => {
|
||||
console.log(res)
|
||||
let orderIndex = this.array.findIndex(val => val.no === e
|
||||
.order.no)
|
||||
console.log(this.index, typeof this.index, orderIndex);
|
||||
if (this.index == '0') {
|
||||
this.array[orderIndex].stateText = "已取消";
|
||||
this.array[orderIndex].cans = {
|
||||
@@ -208,10 +207,8 @@
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
sign(orderNo).then(res => {
|
||||
console.log(res)
|
||||
let orderIndex = this.array.findIndex(val => val.no === e
|
||||
.order.no)
|
||||
console.log(this.index, typeof this.index, orderIndex);
|
||||
if (this.index == '0') {
|
||||
this.array[orderIndex].stateText = "已签收";
|
||||
this.array[orderIndex].cans = {
|
||||
|
||||
@@ -8,7 +8,8 @@
|
||||
<image :src="goodsInfo.cover" mode="aspectFill" class="good-img" />
|
||||
<view class="item--content">
|
||||
<view class="title">{{goodsInfo.goods_name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="unit" v-if="goodsInfo.unit"> {{goodsInfo.unit}} </view>
|
||||
<view class="price">{{goodsInfo.price || '0'}}
|
||||
<view class="price-type">
|
||||
<text> DT积分</text>
|
||||
@@ -22,7 +23,7 @@
|
||||
<view class="sales-item" @click="goSales('refund')">
|
||||
<view class="sales-item-left">
|
||||
<image class="icon"
|
||||
src="http://storage.zh.shangkelian.cn/images/2022/01/11/9093c59ea5d513008926ac4233c20992.png"
|
||||
src="/static/icon/icon-back.png"
|
||||
mode="aspectFill" />
|
||||
<view class="sales-title">退货</view>
|
||||
</view>
|
||||
@@ -38,7 +39,7 @@
|
||||
<view class="sales-item" @click="goSales('exchange')">
|
||||
<view class="sales-item-left">
|
||||
<image class="icon"
|
||||
src="http://storage.zh.shangkelian.cn/images/2022/01/11/9093c59ea5d513008926ac4233c20992.png"
|
||||
src="/static/icon/icon-exchange.png"
|
||||
mode="aspectFill" />
|
||||
<view class="sales-title">换货</view>
|
||||
</view>
|
||||
@@ -182,6 +183,11 @@
|
||||
font-size: 26rpx;
|
||||
padding-top: 6rpx;
|
||||
// @extend .ellipsis-1;
|
||||
}
|
||||
&>.unit{
|
||||
color:#999;
|
||||
font-size: 26rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
&>.price {
|
||||
@@ -248,8 +254,8 @@
|
||||
font-weight: bold;
|
||||
|
||||
.icon {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
width: 46rpx;
|
||||
height: 46rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: $margin - 10;
|
||||
}
|
||||
|
||||
@@ -16,7 +16,10 @@
|
||||
<image :src="goodsInfo.cover" mode="aspectFill" class="good-img" />
|
||||
<view class="item--content">
|
||||
<view class="title">{{goodsInfo.goods_name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="unit" v-if="goodsInfo.unit">
|
||||
{{goodsInfo.unit}}
|
||||
</view>
|
||||
<view class=" number">
|
||||
共 {{goodsInfo.qty}} 件
|
||||
</view>
|
||||
@@ -318,6 +321,11 @@
|
||||
font-size: 26rpx;
|
||||
padding-top: 6rpx;
|
||||
// @extend .ellipsis-1;
|
||||
}
|
||||
.unit{
|
||||
color:#999;
|
||||
font-size: 26rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
&>.price {
|
||||
|
||||
@@ -23,7 +23,13 @@
|
||||
|
||||
<view class="order--flex" @click="$Router.push({ name: 'StoreGoods', params: {id: item.items[0].goods_id}})">
|
||||
<image class="order--cover" :src="item.items[0].cover" mode="aspectFill"></image>
|
||||
<view class="order--title">{{item.items[0].goods_name}}</view>
|
||||
<view class="order--title">
|
||||
{{item.items[0].goods_name}}
|
||||
<view class="unit" v-if="item.items[0].sku.unit">
|
||||
{{item.items[0].sku.unit}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="order--count">
|
||||
<view class="order--price">{{item.items[0].price}}<text>DT积分</text></view>
|
||||
<view class="order--sum">共{{item.items[0].qty}}件</view>
|
||||
@@ -85,7 +91,7 @@
|
||||
getOrder() {
|
||||
refunds({
|
||||
page: this.page
|
||||
}).then(res => {
|
||||
}).then(res => {
|
||||
if (res.page.current === 1) {
|
||||
this.array = []
|
||||
}
|
||||
@@ -234,6 +240,11 @@
|
||||
padding-left: $margin;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.unit{
|
||||
color:#999;
|
||||
font-size: 26rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
.order--count {
|
||||
|
||||
@@ -5,21 +5,24 @@
|
||||
<view class="item--content">
|
||||
<view class="title">{{goodsInfo.goods_name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="unit" v-if="goodsInfo.unit">
|
||||
{{goodsInfo.unit}}
|
||||
</view>
|
||||
<view class=" number">
|
||||
共 {{goodsInfo.qty}} 件
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="total">
|
||||
<view class="total-item grey">
|
||||
申请金额<text>{{refund_total || '0.00'}} DT</text>
|
||||
</view>
|
||||
<view class="total-item">
|
||||
合计退款<text>{{refund_total|| '0.00'}} DT</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="total">
|
||||
<view class="total-item grey">
|
||||
申请金额<text>{{refund_total || '0.00'}} DT</text>
|
||||
</view>
|
||||
<view class="total-item">
|
||||
合计退款<text>{{refund_total|| '0.00'}} DT</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="logistics--logs">
|
||||
<block v-for="(log, logIndex) in logs" :key="logIndex">
|
||||
<view class="item">
|
||||
@@ -39,14 +42,14 @@
|
||||
data() {
|
||||
return {
|
||||
logs: [],
|
||||
goodsInfo: {},
|
||||
refund_total:''
|
||||
goodsInfo: {},
|
||||
refund_total: ''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
refundsLogs(this.$Route.query.id).then(res => {
|
||||
this.logs = res.logs
|
||||
this.goodsInfo = res.refund.items[0]
|
||||
this.logs = res.logs
|
||||
this.goodsInfo = res.refund.items[0]
|
||||
this.refund_total = res.refund.refund_total
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
@@ -76,8 +79,8 @@
|
||||
$radius: 10rpx;
|
||||
|
||||
.RefundHistory {
|
||||
padding: $padding;
|
||||
min-height: 100vh;
|
||||
padding: $padding;
|
||||
min-height: 100vh;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
@@ -124,8 +127,8 @@
|
||||
border-radius: $radius $radius 0 0;
|
||||
z-index: 9;
|
||||
padding: $margin;
|
||||
overflow: hidden;
|
||||
margin-top: 30rpx;
|
||||
overflow: hidden;
|
||||
margin-top: 30rpx;
|
||||
min-height: 50vh;
|
||||
|
||||
.item {
|
||||
@@ -214,6 +217,12 @@
|
||||
// @extend .ellipsis-1;
|
||||
}
|
||||
|
||||
.unit {
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
&>.price {
|
||||
padding-top: 10rpx;
|
||||
display: flex;
|
||||
@@ -250,31 +259,31 @@
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.total {
|
||||
background-color: #fff;
|
||||
padding: 0 $padding $padding $padding;
|
||||
border-top: solid 2rpx #f9f9f9;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
|
||||
.total-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding-top: $padding;
|
||||
|
||||
text {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.grey {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
.total {
|
||||
background-color: #fff;
|
||||
padding: 0 $padding $padding $padding;
|
||||
border-top: solid 2rpx #f9f9f9;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
|
||||
.total-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding-top: $padding;
|
||||
|
||||
text {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.grey {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -10,6 +10,9 @@
|
||||
<view class="item--content">
|
||||
<view class="title">{{goodsInfo.goods_name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="unit" v-if="goodsInfo.unit">
|
||||
{{goodsInfo.unit}}
|
||||
</view>
|
||||
<view class="price">{{goodsInfo.price || '0'}}
|
||||
<view class="price-type">
|
||||
<text> DT积分</text>
|
||||
@@ -22,7 +25,7 @@
|
||||
<view class="block info-box">
|
||||
<view class="info-item">
|
||||
<view class="label">申请类型</view>
|
||||
<view class="nowrap info-item-title" >我要退款（无需退货）</view>
|
||||
<view class="nowrap info-item-title">我要退款（无需退货）</view>
|
||||
</view>
|
||||
<view class="info-item">
|
||||
<view class="label">申请原因</view>
|
||||
@@ -82,8 +85,8 @@
|
||||
params = {
|
||||
title: this.ttext,
|
||||
remark: this.remark,
|
||||
pictures: [],
|
||||
type:1,
|
||||
pictures: [],
|
||||
type: 1,
|
||||
};
|
||||
if (this.ttext === '请选择申请原因') {
|
||||
uni.showToast({
|
||||
@@ -179,6 +182,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.goods-item {
|
||||
background-color: #Fff;
|
||||
width: 100%;
|
||||
@@ -219,6 +223,12 @@
|
||||
// @extend .ellipsis-1;
|
||||
}
|
||||
|
||||
&>.unit {
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
&>.price {
|
||||
padding-top: 10rpx;
|
||||
display: flex;
|
||||
|
||||
@@ -8,7 +8,10 @@
|
||||
<image :src="goodsInfo.cover" mode="aspectFill" class="good-img" />
|
||||
<view class="item--content">
|
||||
<view class="title">{{goodsInfo.goods_name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
|
||||
<view class="unit" v-if="goodsInfo.unit">
|
||||
{{goodsInfo.unit}}
|
||||
</view>
|
||||
<view class="price">{{goodsInfo.price || '0'}}
|
||||
<view class="price-type">
|
||||
<text> DT积分</text>
|
||||
@@ -242,6 +245,11 @@
|
||||
font-size: 26rpx;
|
||||
padding-top: 6rpx;
|
||||
// @extend .ellipsis-1;
|
||||
}
|
||||
&>.unit{
|
||||
color:#999;
|
||||
font-size: 26rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
&>.price {
|
||||
|
||||
@@ -63,7 +63,7 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
qty : 1,
|
||||
qty : 0,
|
||||
goodsInfo : [],
|
||||
total : 0,
|
||||
freight : 0,
|
||||
@@ -74,6 +74,7 @@
|
||||
},
|
||||
onShow(){
|
||||
if(JSON.stringify(this.$store.getters.getAddress) !== '{}') this.address = this.$store.getters.getAddress
|
||||
this.qty= this.$Route.query.qty;
|
||||
},
|
||||
mounted() {
|
||||
this.getBuy()
|
||||
|
||||
@@ -1,322 +1,614 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- 产品封面 -->
|
||||
<view class="goods-swiper">
|
||||
<swiper :indicator-dots="false" @change="current = $event.detail.current + 1">
|
||||
<swiper-item v-for="(item, index) in goods.pictures" :key="index">
|
||||
<view class="swiper-cover">
|
||||
<image :src="item" mode="aspectFill" />
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="swiper-pages">
|
||||
{{current}}/{{goods.pictures.length}}
|
||||
</view>
|
||||
</view>
|
||||
<!-- 详情 -->
|
||||
<view class="main">
|
||||
<view class="title">{{goods.name}}</view>
|
||||
<view class="sub-title">{{goods.description}}</view>
|
||||
<view class="box-flex">
|
||||
<view class="price">
|
||||
{{goods.price.show}}<text>DT积分</text>
|
||||
</view>
|
||||
<view class="sales" v-if="goods.skus">库存量{{goods.skus[0].stock}}</view>
|
||||
</view>
|
||||
<view class="unit" v-if="goods.skus && goods.skus[0].unit !== ''">
|
||||
规格 : {{goods.skus[0].unit_text}}
|
||||
</view>
|
||||
|
||||
<!-- 店铺信息 -->
|
||||
<view class="shopInfo" @click="toShop(goods.shop.shop_id)" v-if="goods.shop">
|
||||
<view class="shopInfo-title-left">
|
||||
<image class="shop-logo" :src="goods.shop.cover" mode="aspectFill" />
|
||||
<view class="shop-title">
|
||||
<view class="shop-titl" >{{goods.shop.name}}</view>
|
||||
<view> 店铺评分:<span class='no'>5.0</span> <text style="padding-left: 20rpx;">服务态度:<span class='no'>5.0</span></text> </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shopInfo-title-right" >全部商品 {{goods.shop.goods_count || 0}} <uni-icons type="right" color="grey"/></view>
|
||||
</view>
|
||||
|
||||
<view class="imgs">
|
||||
<block v-for="(item, index) in goods.content" :key="index">
|
||||
<image :src="item" mode="widthFix"></image>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 立即购买 -->
|
||||
<view class="footer">
|
||||
<view @click="toShop(goods.shop.shop_id)" class=" shop"><uni-icons type="shop" size="26" color="grey"/>店铺</view>
|
||||
<button type="default" hover-class="none" @click="buy">立即购买</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { goods } from '@/apis/interfaces/store'
|
||||
import userAuth from '@/public/userAuth'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
current: 1,
|
||||
goods : {
|
||||
pictures : [],
|
||||
name : "",
|
||||
description : "",
|
||||
content : [],
|
||||
price : {
|
||||
show: 0
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getGoods()
|
||||
},
|
||||
methods:{
|
||||
getGoods(){
|
||||
goods(this.$Route.query.id).then(res => {
|
||||
console.log(res)
|
||||
this.goods = res
|
||||
})
|
||||
},
|
||||
buy(){
|
||||
if(this.$store.state.token === ''){
|
||||
const Auth = new userAuth()
|
||||
Auth.Login()
|
||||
return
|
||||
}
|
||||
this.$Router.push({
|
||||
name: 'StoreBuy',
|
||||
params: {
|
||||
skuId: this.goods.skus[0].sku_id
|
||||
}
|
||||
})
|
||||
},
|
||||
toShop(id){
|
||||
this.$Router.push({
|
||||
name: 'ShopDetail',
|
||||
params: {
|
||||
ShopId: id
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.goods-swiper{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-top: 110%;
|
||||
background: $window-color;
|
||||
&> swiper{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.swiper-cover{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
image{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.swiper-pages{
|
||||
position: absolute;
|
||||
bottom:20rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 9;
|
||||
line-height: 90rpx;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: $title-size-m;
|
||||
text-shadow: 0 5rpx 5rpx rgba($color: #000000, $alpha: .02);
|
||||
}
|
||||
}
|
||||
// 详情
|
||||
.main{
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
margin-top: -20rpx;
|
||||
background: white;
|
||||
border-radius: $radius $radius 0 0;
|
||||
box-shadow: 0 0 10rpx 10rpx rgba($color: #000000, $alpha: .02);
|
||||
padding-bottom: ($padding*2) + 90;
|
||||
.hr{
|
||||
position: relative;
|
||||
min-height: 1rpx;
|
||||
margin: 0 $margin;
|
||||
text-align: center;
|
||||
text{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: $text-gray;
|
||||
font-size: $title-size-m;
|
||||
background: white;
|
||||
padding: 0 $padding;
|
||||
}
|
||||
&::after{
|
||||
content: " ";
|
||||
background: $border-color;
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
padding: $padding;
|
||||
font-weight: bold;
|
||||
font-size: $title-size + 14;
|
||||
}
|
||||
.sub-title{
|
||||
padding: 0 $padding;
|
||||
font-size: $title-size-m;
|
||||
color: $text-gray;
|
||||
}
|
||||
.box-flex{
|
||||
padding: $padding;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.price{
|
||||
font-weight: bold;
|
||||
color: $text-price;
|
||||
font-size: $title-size + 10;
|
||||
text{
|
||||
font-size: 60%;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
}
|
||||
.sales{
|
||||
font-size: $title-size-m;
|
||||
color: $text-gray;
|
||||
}
|
||||
}
|
||||
.unit{
|
||||
padding: 30rpx;
|
||||
font-size: $title-size-m;
|
||||
color: #333;
|
||||
border-top:solid 20rpx #f9f9f9;
|
||||
}
|
||||
.imgs{
|
||||
image{
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.shopInfo{
|
||||
border-top: solid $padding #f9f9f9;
|
||||
<template>
|
||||
<view>
|
||||
<!-- 产品封面 -->
|
||||
<view class="goods-swiper">
|
||||
<swiper :indicator-dots="false" @change="current = $event.detail.current + 1">
|
||||
<swiper-item v-for="(item, index) in goods.pictures" :key="index">
|
||||
<view class="swiper-cover">
|
||||
<image :src="item" mode="aspectFill" />
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="swiper-pages">
|
||||
{{current}}/{{goods.pictures.length}}
|
||||
</view>
|
||||
</view>
|
||||
<!-- 详情 -->
|
||||
<view class="main">
|
||||
<view class="title">{{goods.name}}</view>
|
||||
<view class="sub-title">{{goods.description}}</view>
|
||||
<view class="box-flex">
|
||||
<view class="price">
|
||||
{{goods.price.show}}<text>DT积分</text>
|
||||
</view>
|
||||
<view class="sales" v-if="goods.skus">库存量{{goods.skus[0].stock}}</view>
|
||||
</view>
|
||||
<view class="unit" v-if="goods.skus && goods.skus[0].unit !== ''" @click="open()">
|
||||
<span> 规格 : {{selectSkusValues.unit_text}}</span>
|
||||
<uni-icons type="right" color="#cacaca" />
|
||||
</view>
|
||||
|
||||
<!-- 店铺信息 -->
|
||||
<view class="shopInfo" @click="toShop(goods.shop.shop_id)" v-if="goods.shop">
|
||||
<view class="shopInfo-title-left">
|
||||
<image class="shop-logo" :src="goods.shop.cover" mode="aspectFill" />
|
||||
<view class="shop-title">
|
||||
<view class="shop-titl">{{goods.shop.name}}</view>
|
||||
<view> 店铺评分:
|
||||
<span class='no'>5.0</span>
|
||||
<text style="padding-left: 20rpx;">
|
||||
服务态度:
|
||||
<span class='no'>5.0</span>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shopInfo-title-right">全部商品 {{goods.shop.goods_count || 0}}
|
||||
<uni-icons type="right" color="grey" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="imgs">
|
||||
<block v-for="(item, index) in goods.content" :key="index">
|
||||
<image :src="item" mode="widthFix"></image>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 立即购买 -->
|
||||
<view class="footer">
|
||||
<view @click="toShop(goods.shop.shop_id)" class=" shop">
|
||||
<uni-icons type="shop" size="26" color="grey" />店铺
|
||||
</view>
|
||||
<button type="default" hover-class="none" @click="buy">立即购买</button>
|
||||
</view>
|
||||
|
||||
<!-- 多规格弹窗 -->
|
||||
<u-popup :show="skuShow" :round="10" mode="bottom" @close="close" @open="open">
|
||||
<scroll-view class="skuView" scroll-y="true">
|
||||
<view class="goods-info">
|
||||
<image class="goods-cover" :src="selectSkusValues.cover" mode="aspectFill" />
|
||||
<view class="baseInfo">
|
||||
<view class="money"> {{selectSkusValues.price}}<span>DT积分</span> </view>
|
||||
<view class="shop-name" v-if="goods.shop"> {{goods.shop.name}} </view>
|
||||
<view class="sku-text"> 商品规格：{{selectSkusValues.unit_text}} </view>
|
||||
<view class="stock" v-if="selectSkusValues.stock>0"> 剩余库存：{{selectSkusValues.stock}} 件</view>
|
||||
<view class="stock" v-else> 当前商品库存不足</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="sku" v-for="(item,index) in specs" :key="item.spec_id">
|
||||
<view class="sku-title">{{item.name}}</view>
|
||||
<view class="sku-list">
|
||||
<block v-for="it in item.values" :keys='it.value_id'>
|
||||
<view :class="['sku-item',specselect[index] == it.value_id ? 'sku-active':'']"
|
||||
@click="clickSkus(index,it.value_id)">
|
||||
{{it.value}}
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="buy-number">
|
||||
<view class="buy-title">数量</view>
|
||||
<uni-number-box :min="1" :max="selectSkusValues.stock" :disabled="selectSkusValues.stock == 0"
|
||||
@change="qty = $event" />
|
||||
</view>
|
||||
|
||||
<button class="now-buy" type="default" hover-class="none" @click="buy2(selectSkusValues)">立即购买</button>
|
||||
</scroll-view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
goods
|
||||
} from '@/apis/interfaces/store'
|
||||
import userAuth from '@/public/userAuth'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
current: 1,
|
||||
goods: {
|
||||
pictures: [],
|
||||
name: "",
|
||||
description: "",
|
||||
content: [],
|
||||
price: {
|
||||
show: 0
|
||||
}
|
||||
},
|
||||
skus: [],
|
||||
skuid: '',
|
||||
skuShow: false,
|
||||
specs: [],
|
||||
unitText: '',
|
||||
specselect: [],
|
||||
selectSkusValues: {},
|
||||
qty: 1,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getGoods()
|
||||
},
|
||||
methods: {
|
||||
getGoods() {
|
||||
let id = this.$Route.query.id
|
||||
// let id = 61;
|
||||
goods(id).then(res => {
|
||||
this.goods = res
|
||||
this.specs = res.specs
|
||||
this.skus = res.skus
|
||||
this.skuid = res.skus[0].sku_id
|
||||
this.unitText = res.skus[0].unit_text
|
||||
this.specselect = res.skus[0].unit.split('|')
|
||||
this.selectSkusValues = res.skus[0]
|
||||
})
|
||||
},
|
||||
open() {
|
||||
this.skuShow = true
|
||||
this.qty = 1;
|
||||
},
|
||||
close() {
|
||||
this.skuShow = false
|
||||
this.qty = 1;
|
||||
// this.specselect = this.skus[0].unit.split('|')
|
||||
// this.selectSkusValues = this.skus[0]
|
||||
},
|
||||
clickSkus(index, id) {
|
||||
this.skuid = ''
|
||||
this.specselect[index] = id;
|
||||
let newlist = []
|
||||
let str = ''
|
||||
for (var i in this.specselect) {
|
||||
if (i == index) {
|
||||
newlist.push(id);
|
||||
if (i == 0) {
|
||||
str = id
|
||||
} else {
|
||||
str = str + '|' + id
|
||||
}
|
||||
} else {
|
||||
newlist.push(this.specselect[i])
|
||||
if (i == 0) {
|
||||
str = this.specselect[i]
|
||||
} else {
|
||||
str = str + '|' + this.specselect[i]
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
for (var i in this.skus) {
|
||||
if (this.skus[i].unit === str) {
|
||||
this.selectSkusValues = this.skus[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
this.specselect = newlist
|
||||
},
|
||||
|
||||
buy() {
|
||||
if (this.$store.state.token === '') {
|
||||
const Auth = new userAuth()
|
||||
Auth.Login()
|
||||
return
|
||||
}
|
||||
if (this.goods.type === 2) {
|
||||
this.open();
|
||||
return
|
||||
}
|
||||
this.goUrl();
|
||||
|
||||
},
|
||||
buy2(value) {
|
||||
let {
|
||||
sku_id,
|
||||
stock
|
||||
} = value;
|
||||
if (stock > 0) {
|
||||
this.skuid = sku_id;
|
||||
this.goUrl()
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '当前商品库存不足',
|
||||
icon: 'none',
|
||||
mask: true,
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
},
|
||||
goUrl() {
|
||||
this.$Router.push({
|
||||
name: 'StoreBuy',
|
||||
params: {
|
||||
skuId: this.skuid,
|
||||
qty: this.qty
|
||||
}
|
||||
})
|
||||
this.close()
|
||||
},
|
||||
toShop(id) {
|
||||
this.$Router.push({
|
||||
name: 'ShopDetail',
|
||||
params: {
|
||||
ShopId: id
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.goods-swiper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-top: 110%;
|
||||
background: $window-color;
|
||||
|
||||
&>swiper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.swiper-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-pages {
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 9;
|
||||
line-height: 90rpx;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: $title-size-m;
|
||||
text-shadow: 0 5rpx 5rpx rgba($color: #000000, $alpha: .02);
|
||||
}
|
||||
}
|
||||
|
||||
// 详情
|
||||
.main {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
margin-top: -20rpx;
|
||||
background: white;
|
||||
border-radius: $radius $radius 0 0;
|
||||
box-shadow: 0 0 10rpx 10rpx rgba($color: #000000, $alpha: .02);
|
||||
padding-bottom: ($padding*2) + 90;
|
||||
|
||||
.hr {
|
||||
position: relative;
|
||||
min-height: 1rpx;
|
||||
margin: 0 $margin;
|
||||
text-align: center;
|
||||
|
||||
text {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: $text-gray;
|
||||
font-size: $title-size-m;
|
||||
background: white;
|
||||
padding: 0 $padding;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: " ";
|
||||
background: $border-color;
|
||||
width: 100%;
|
||||
height: 1rpx;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: $padding;
|
||||
font-weight: bold;
|
||||
font-size: $title-size + 14;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
padding: 0 $padding;
|
||||
font-size: $title-size-m;
|
||||
color: $text-gray;
|
||||
}
|
||||
|
||||
.box-flex {
|
||||
padding: $padding;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.price {
|
||||
font-weight: bold;
|
||||
color: $text-price;
|
||||
font-size: $title-size + 10;
|
||||
|
||||
text {
|
||||
font-size: 60%;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.sales {
|
||||
font-size: $title-size-m;
|
||||
color: $text-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.unit {
|
||||
padding: 30rpx;
|
||||
font-size: $title-size;
|
||||
color: #333;
|
||||
border-top: solid 20rpx #f9f9f9;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding:$padding $padding - 10;
|
||||
border-bottom: solid 10rpx #f9f9f9;
|
||||
.shopInfo-title-left{
|
||||
width: 500rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
.shop-logo{
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 10rpx;
|
||||
border:solid 1rpx #f9f9f9;
|
||||
}
|
||||
.shop-title{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
margin-left: $margin;
|
||||
color: #999;
|
||||
width:370rpx;
|
||||
.no {
|
||||
color: $text-price;
|
||||
padding-left: 4rpx;
|
||||
}
|
||||
|
||||
.shop-titl{
|
||||
font-size: 34rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
margin-bottom: 6rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.shopInfo-title-right{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
// 购买
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: $padding;
|
||||
z-index: 98;
|
||||
background: white;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
// linear-gradient(to top, white 86%, rgba(255,255,255,.0))
|
||||
.shop{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 24rpx;
|
||||
color: $text-gray;
|
||||
}
|
||||
button{
|
||||
background: $main-color;
|
||||
margin-left: 60rpx;
|
||||
flex: 1;
|
||||
color: white;
|
||||
border-radius: $radius-lg;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-weight: bold;
|
||||
font-size: $title-size;
|
||||
&::after{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.imgs {
|
||||
image {
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.shopInfo {
|
||||
border-top: solid $padding #f9f9f9;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: $padding $padding - 10;
|
||||
border-bottom: solid 10rpx #f9f9f9;
|
||||
|
||||
.shopInfo-title-left {
|
||||
width: 500rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
|
||||
.shop-logo {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 10rpx;
|
||||
border: solid 1rpx #f9f9f9;
|
||||
}
|
||||
|
||||
.shop-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
margin-left: $margin;
|
||||
color: #999;
|
||||
width: 370rpx;
|
||||
|
||||
.no {
|
||||
color: $text-price;
|
||||
padding-left: 4rpx;
|
||||
}
|
||||
|
||||
.shop-titl {
|
||||
font-size: 34rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
margin-bottom: 6rpx;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shopInfo-title-right {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 26rpx;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// 购买
|
||||
.footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: $padding;
|
||||
z-index: 98;
|
||||
background: white;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
|
||||
// linear-gradient(to top, white 86%, rgba(255,255,255,.0))
|
||||
.shop {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 24rpx;
|
||||
color: $text-gray;
|
||||
}
|
||||
|
||||
button {
|
||||
background: $main-color;
|
||||
margin-left: 60rpx;
|
||||
flex: 1;
|
||||
color: white;
|
||||
border-radius: $radius-lg;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-weight: bold;
|
||||
font-size: $title-size;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 规格弹窗
|
||||
.skuView {
|
||||
min-height: 30vh;
|
||||
max-height: 60vh;
|
||||
padding: $padding + 10 $padding;
|
||||
color: $text-color;
|
||||
box-sizing: border-box;
|
||||
|
||||
// 商品信息
|
||||
.goods-info {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
border-bottom: solid 1rpx #f9f9f9;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
.goods-cover {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.baseInfo {
|
||||
flex: 1;
|
||||
padding-left: $padding;
|
||||
box-sizing: border-box;
|
||||
|
||||
.money {
|
||||
font-size: $title-size + 14;
|
||||
font-weight: bold;
|
||||
color: $text-price;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
|
||||
span {
|
||||
font-weight: normal;
|
||||
font-size: $title-size-m - 4;
|
||||
padding-left: 10rpx;
|
||||
padding-top: 12rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.shop-name {
|
||||
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba($color: $text-price, $alpha: 0.5));
|
||||
display: inline-block;
|
||||
padding: 4rpx 20rpx 4rpx 0;
|
||||
color: #71440b;
|
||||
font-size: $title-size-m - 2;
|
||||
}
|
||||
|
||||
.sku-text {
|
||||
font-size: $title-size-m - 2;
|
||||
padding-top: 10rpx;
|
||||
color: $text-gray;
|
||||
}
|
||||
|
||||
.stock {
|
||||
font-size: $title-size-m - 2;
|
||||
padding-top: 6rpx;
|
||||
color: $text-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.buy-number {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding: $padding + 20 0 $padding 0;
|
||||
|
||||
.buy-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
// 规格
|
||||
.sku {
|
||||
.sku-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
|
||||
.sku-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.sku-item {
|
||||
padding: 10rpx 30rpx;
|
||||
border: solid 1rpx #f9f9f9;
|
||||
margin-right: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
border-radius: 40rpx;
|
||||
background-color: #f9f9f9;
|
||||
font-size: 30rpx;
|
||||
min-width: 70rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sku-active {
|
||||
background-color: rgba($color: $main-color, $alpha: 0.2);
|
||||
color: $main-color;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.now-buy {
|
||||
background-color: #34ce98;
|
||||
color: #fff;
|
||||
border: none;
|
||||
margin-top: $margin;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,12 +1,15 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- 用户信息 -->
|
||||
<view class="info-box">
|
||||
<image src="@/static/user/user_back.png" mode="aspectFill" />
|
||||
<view class="user-flex">
|
||||
<view class="info-box" style="background-color: red;">
|
||||
<image src="@/static/user/user_back.png" mode="aspectFill" />
|
||||
<view class="user-flex">
|
||||
<view class="news" @click="onBtn('newsIndex', {})">
|
||||
<u-icon class="bell_fill" name="bell-fill" color="#fff" size="28" />
|
||||
<u-badge class="bell_fill_dot" :isDot="messages > 0" type="error" />
|
||||
</view>
|
||||
<image class="cover" @click="onBtn('Setting', {})"
|
||||
:src="userInfo.avatar || require('@/static/user/cover.png')" mode="aspectFill" />
|
||||
|
||||
<view class="user-content">
|
||||
<view class="name">{{ userInfo.nickname }}</view>
|
||||
<view class="tabs">
|
||||
@@ -91,6 +94,17 @@
|
||||
<image class="icon" src="@/static/user/userIcon_02.png" mode="widthFix" />
|
||||
导出助记词
|
||||
<uni-icons class="forward" type="forward" color="#999" />
|
||||
</view>
|
||||
<view class="btns-box-item" @click="onWbt">
|
||||
<image class="icon" src="@/static/user/userIcon_02.png" mode="widthFix" />
|
||||
文版通账号
|
||||
<uni-icons class="forward" type="forward" color="#999" />
|
||||
</view>
|
||||
|
||||
<view class="btns-box-item" @click="resetPassword">
|
||||
<image class="icon" src="@/static/user/userIcon_13.png" mode="widthFix" />
|
||||
{{hasPassword ? '修改' : '设置'}}支付密码
|
||||
<uni-icons class="forward" type="forward" color="#999" />
|
||||
</view>
|
||||
<block v-if="canSeeData">
|
||||
<view class="btns-box-item" @click="onBtn('DataBoard', {})">
|
||||
@@ -116,12 +130,19 @@
|
||||
供应商入驻
|
||||
<uni-icons class="forward" type="forward" color="#999" />
|
||||
</view>
|
||||
<view class="btns-box-item" @click="resetPassword">
|
||||
<image class="icon" src="@/static/user/userIcon_13.png" mode="widthFix" />
|
||||
{{hasPassword ? '修改' : '设置'}}支付密码
|
||||
<uni-icons class="forward" type="forward" color="#999" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btns-box">
|
||||
<view class="btns-box-item" @click="onShare">
|
||||
<image class="icon" src="@/static/user/userIcon_14.png" mode="widthFix" />
|
||||
绑定分享关系
|
||||
<block v-if="share == null">
|
||||
<uni-icons class="forward" type="forward" color="#999" />
|
||||
</block>
|
||||
<block v-else>
|
||||
<text class="forward" style="color: gray;">{{share.nickname}}</text>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btns-box">
|
||||
<view class="btns-box-item" @click="onBtn('Feedback', {})">
|
||||
<image class="icon" src="@/static/user/userIcon_06.png" mode="widthFix" />
|
||||
@@ -149,7 +170,7 @@
|
||||
<view>The total force ecological</view>
|
||||
</view>
|
||||
<!-- 助记词弹出框 -->
|
||||
<u-modal :show="wordsShow" :zoom="false" confirmText="复制" @confirm="copyWord" confirmColor="#34CE98">
|
||||
<u-modal :show="wordsShow" :zoom="false" confirmText="复制" @confirm="copyWord('zjc')" confirmColor="#34CE98">
|
||||
<slot default>
|
||||
<view class="wordsCont">
|
||||
<view class="wordsCont-title">导出助记词</view>
|
||||
@@ -160,6 +181,18 @@
|
||||
</view>
|
||||
</slot>
|
||||
</u-modal>
|
||||
<!-- 查看文版通账号 -->
|
||||
<u-modal :show="wbtShow" :zoom="false" confirmText="复制" @confirm="copyWord('wbt')" confirmColor="#34CE98">
|
||||
<slot default>
|
||||
<view class="wordsCont">
|
||||
<view class="wordsCont-title">文版通账号</view>
|
||||
<view class="wordsCont-tips">请务必抄下文版通账号并存在安全的地方，若文版通账号丢失，重装或换设备登录时将无法查看历史消息！若文版通账号被他人获取，将可能获取你的信息！</view>
|
||||
<view class="wordsCont-text">账号：{{wbtAccount}}</view>
|
||||
<image class="wordsCont-close" @click="wordsShow = false;wbtShow= false;" src="@/static/icon/userCloes.png"
|
||||
mode="widthFix"></image>
|
||||
</view>
|
||||
</slot>
|
||||
</u-modal>
|
||||
<!-- 输入支付密码 -->
|
||||
<u-modal :show="showIv" title="请输入钱包支付密码" :showCancelButton="true" confirmColor="#34CE98" negativeTop="160"
|
||||
@confirm="validationIv" @cancel="()=>{ this.showIv = false, this.iv = '' }">
|
||||
@@ -169,21 +202,46 @@
|
||||
placeholder="输入支付密码" />
|
||||
</view>
|
||||
</slot>
|
||||
</u-modal>
|
||||
</u-modal>
|
||||
<!-- 绑定分享关系 -->
|
||||
<u-modal
|
||||
:show="showBind"
|
||||
confirmColor="#34CE98"
|
||||
:showCancelButton="true"
|
||||
:confirmText="isInvitation ? '校验邀请码': '绑定关系'"
|
||||
@cancel="()=> {
|
||||
this.showBind = false
|
||||
this.isInvitation = true
|
||||
this.invitation = ''
|
||||
}"
|
||||
@confirm="onBind"
|
||||
>
|
||||
<slot>
|
||||
<view class="bind-view" v-if="isInvitation">
|
||||
<view class="bind-title">邀请码</view>
|
||||
<view class="bind-subtitle">请输入好友的邀请码</view>
|
||||
<view class="bind-input">
|
||||
<input type="text" v-model="invitation" placeholder="输入邀请码">
|
||||
</view>
|
||||
</view>
|
||||
<view class="bind-user" v-else>
|
||||
<view class="bind-title">邀请用户</view>
|
||||
<view class="bind-subtitle">请确认绑定关系用户信息</view>
|
||||
<view class="bind-acitve">
|
||||
<image :src="invitationUser.avatar" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="bind-nickname">{{invitationUser.nickname}}</view>
|
||||
<view class="bind-username">{{invitationUser.username}}</view>
|
||||
</view>
|
||||
</slot>
|
||||
</u-modal>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
info,
|
||||
chainSeed
|
||||
} from '@/apis/interfaces/user';
|
||||
import {
|
||||
payPassword
|
||||
} from '@/apis/interfaces/account.js'
|
||||
import {
|
||||
getVersions
|
||||
} from '@/apis/interfaces/versions.js'
|
||||
import { info, chainSeed, relationsBind, relationsVerify } from '@/apis/interfaces/user';
|
||||
import { payPassword } from '@/apis/interfaces/account.js'
|
||||
import { getVersions } from '@/apis/interfaces/versions.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@@ -219,42 +277,117 @@
|
||||
isWallet: false,
|
||||
walletNum: 0,
|
||||
// 数据看板权限
|
||||
canSeeData: false
|
||||
canSeeData: false,
|
||||
messages:0,
|
||||
wbtAccount:'',
|
||||
wbtShow:false,
|
||||
// 绑定关系
|
||||
share : null,
|
||||
showBind : false,
|
||||
invitation : '',
|
||||
isInvitation : true,
|
||||
invitationUser : {}
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
// if(uni.getStorageSync('isWalleNum') != '' && uni.getStorageSync('isWalleNum') === 1) this.isWallet = true
|
||||
this.getInfo();
|
||||
},
|
||||
methods: {
|
||||
methods: {
|
||||
onWbt(){
|
||||
if(this.wbtAccount === ''){
|
||||
uni.showModal({
|
||||
title:'温馨提示',
|
||||
content:'当前账号没有绑定文版通账号，是否现在就去绑定',
|
||||
confirmText:'立即绑定',
|
||||
cancelText:'先不绑定',
|
||||
success:(res) => {
|
||||
if(res.confirm){
|
||||
this.$Router.push({name:'WbtBind'})
|
||||
}
|
||||
}
|
||||
})
|
||||
}else{
|
||||
this.wbtShow = true;
|
||||
}
|
||||
},
|
||||
// 绑定分享关系
|
||||
onShare(){
|
||||
if(this.share != null){
|
||||
return
|
||||
}
|
||||
this.showBind = true
|
||||
},
|
||||
// 绑定邀请码
|
||||
onBind(){
|
||||
// 检验邀请码
|
||||
if(this.isInvitation){
|
||||
if(this.invitation === ''){
|
||||
uni.showToast({
|
||||
title: '请输入邀请码',
|
||||
icon : 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
relationsVerify(this.invitation).then(res => {
|
||||
this.invitationUser = res
|
||||
this.isInvitation = false
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
return
|
||||
}
|
||||
// 绑定关系
|
||||
relationsBind(this.invitation).then(res => {
|
||||
this.showBind = false
|
||||
uni.showModal({
|
||||
title : '提示',
|
||||
content : '关系绑定成功',
|
||||
showCancel : false,
|
||||
success : res => {
|
||||
this.getInfo()
|
||||
}
|
||||
})
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
// 用户信息
|
||||
getInfo() {
|
||||
if (this.$store.state.token === '') return;
|
||||
info().then(res => {
|
||||
uni.setNavigationBarTitle({
|
||||
title: res.nickname
|
||||
});
|
||||
this.canSeeData = res.can_see_data
|
||||
this.order = res.order
|
||||
this.cardText = res.identity_array
|
||||
this.userInfo = {
|
||||
nickname: res.nickname,
|
||||
addr: res.addr,
|
||||
avatar: res.avatar,
|
||||
isOpenVip: res.is_open_vip,
|
||||
username: res.username
|
||||
}
|
||||
this.identity = res.identity
|
||||
this.account = res.account
|
||||
this.serial = res.serial
|
||||
this.hasPassword = res.has_transfer_password
|
||||
})
|
||||
.catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
info().then(res => {
|
||||
uni.setNavigationBarTitle({
|
||||
title: res.nickname
|
||||
});
|
||||
this.share = String(res.share) == '' ? null : res.share
|
||||
this.canSeeData = res.can_see_data
|
||||
this.order = res.order
|
||||
this.cardText = res.identity_array
|
||||
this.userInfo = {
|
||||
nickname: res.nickname,
|
||||
addr: res.addr,
|
||||
avatar: res.avatar,
|
||||
isOpenVip: res.is_open_vip,
|
||||
username: res.username
|
||||
}
|
||||
this.identity = res.identity;
|
||||
this.account = res.account;
|
||||
this.serial = res.serial;
|
||||
this.hasPassword = res.has_transfer_password;
|
||||
this.messages = Number(res.messages);
|
||||
this.wbtAccount = res.wbt_account;
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
},
|
||||
// 导出助记词
|
||||
onMnemonic() {
|
||||
@@ -312,7 +445,7 @@
|
||||
})
|
||||
},
|
||||
// 按钮导航
|
||||
onBtn(name, params) {
|
||||
onBtn(name, params) {
|
||||
this.$Router.push({
|
||||
name,
|
||||
params
|
||||
@@ -361,13 +494,14 @@
|
||||
}
|
||||
},
|
||||
// 复制助记词
|
||||
copyWord() {
|
||||
copyWord(type) {
|
||||
uni.setClipboardData({
|
||||
data: this.mnemonic,
|
||||
data: type === 'zjc'?this.mnemonic:this.wbtAccount,
|
||||
success: () => {
|
||||
this.wordsShow = false
|
||||
this.wordsShow = false
|
||||
this.wbtShow = false
|
||||
uni.showToast({
|
||||
title: '助记词已复制',
|
||||
title: type === 'zjc' ? '助记词已复制' : '文版通账号已复制',
|
||||
icon: 'none',
|
||||
mask: true
|
||||
})
|
||||
@@ -453,8 +587,82 @@
|
||||
.content {
|
||||
background: $window-color;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// 邀请码
|
||||
.bind-view{
|
||||
padding: 15rpx 30rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
.bind-title{
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.bind-subtitle{
|
||||
line-height: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: gray;
|
||||
padding-top: 15rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.bind-input{
|
||||
padding-top: 30rpx;
|
||||
input{
|
||||
background: #f8f8f8;
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
padding: 0 30rpx;
|
||||
border-radius: 40rpx;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 确认绑定用户关系
|
||||
.bind-user{
|
||||
padding: 15rpx 30rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
.bind-title{
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.bind-subtitle{
|
||||
line-height: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: gray;
|
||||
padding-top: 15rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.bind-acitve{
|
||||
text-align: center;
|
||||
padding-top: 30rpx;
|
||||
image{
|
||||
width: 108rpx;
|
||||
height: 108rpx;
|
||||
background: #f8f8f8;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.bind-nickname{
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
line-height: 40rpx;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
.bind-username{
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
// 版权信息
|
||||
.footer-text {
|
||||
text-align: center;
|
||||
@@ -476,13 +684,29 @@
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// z-index: 100;
|
||||
}
|
||||
|
||||
.user-flex {
|
||||
position: relative;
|
||||
padding: $padding * 2 $padding ($padding * 2 + 60);
|
||||
height: 128rpx;
|
||||
height: 128rpx;
|
||||
.news{
|
||||
top: -30rpx;
|
||||
right: -30rpx;
|
||||
position: relative;
|
||||
.bell_fill_dot{
|
||||
position: absolute;
|
||||
top: 24rpx;
|
||||
right: 46rpx;
|
||||
z-index: 1000;
|
||||
}
|
||||
.bell_fill{
|
||||
position: absolute;
|
||||
right: 50rpx;
|
||||
top: 30rpx;
|
||||
z-index: 10000000;
|
||||
}
|
||||
}
|
||||
|
||||
.cover {
|
||||
position: absolute;
|
||||
|
||||
BIN
static/icon/pay_alipay.png
Normal file
BIN
static/icon/pay_alipay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
static/icon/pay_wbt.png
Normal file
BIN
static/icon/pay_wbt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
static/icon/pay_wechat.png
Normal file
BIN
static/icon/pay_wechat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/news/news.png
Normal file
BIN
static/news/news.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
static/user/userIcon_14.png
Normal file
BIN
static/user/userIcon_14.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
@@ -19,10 +19,13 @@
|
||||
</view>
|
||||
<view class="order--flex" @click="$emit('onBtn', {type: 'goodsDetail', order: orderInfo})">
|
||||
<image class="order--cover" :src="orderInfo.cover" mode="aspectFill"></image>
|
||||
<view class="order--title">{{orderInfo.name}}</view>
|
||||
<view class="order--title">
|
||||
{{orderInfo.name}}
|
||||
<view class="unit"> {{orderInfo.unit}} </view>
|
||||
</view>
|
||||
<view class="order--count">
|
||||
<view class="order--price">{{orderInfo.price}}<text>DT积分</text></view>
|
||||
<view class="order--sum">共{{orderInfo.sum}}件</view>
|
||||
<view class="order--sum">共{{orderInfo.sum}} 件</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
@@ -172,6 +175,16 @@
|
||||
padding-left: $margin;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
.unit{
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
}
|
||||
.order--count{
|
||||
text-align: right;
|
||||
|
||||
File diff suppressed because one or more lines are too long
8050
unpackage/dist/dev/app-plus/app-service.js
vendored
8050
unpackage/dist/dev/app-plus/app-service.js
vendored
File diff suppressed because one or more lines are too long
3467
unpackage/dist/dev/app-plus/app-view.js
vendored
3467
unpackage/dist/dev/app-plus/app-view.js
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user