charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 优化

Browse Source
This commit is contained in:
charles
2026-07-23 13:59:35 +08:00
parent 268207b01b
commit 3f335074ea
13 changed files with 614 additions and 580 deletions
Download Patch File Download Diff File Expand all files Collapse all files
common.scss
+1
View File
@@ -67,6 +67,7 @@
border-radius: 30rpx; border-radius: 30rpx;
padding: 30rpx; padding: 30rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.data_msg { .data_msg {
components/choiceness/choiceness.vue
+14 -29
View File
@@ -1,43 +1,20 @@
<template> <template>
<view class="choiceness_warp"> <view class="choiceness_warp">
<view class="choiceness_title"> <view class="choiceness_title">
<up-image <up-image src="/static/common/jingxuan_left.png" width="24" height="8" bgColor="#f1f6ff00"></up-image>
src="/static/common/jingxuan_left.png"
width="24"
height="8"
bgColor="#f1f6ff00"
></up-image>
<view class="choiceness_title_msg">为您精选</view> <view class="choiceness_title_msg">为您精选</view>
<up-image <up-image src="/static/common/jingxuan_right.png" width="24" height="8" bgColor="#f1f6ff00"></up-image>
src="/static/common/jingxuan_right.png"
width="24"
height="8"
bgColor="#f1f6ff00"
></up-image>
</view> </view>
<view <view class="choiceness_product" :class="platformType ? '' : 'iosplatformType'">
class="choiceness_product" <view v-for="item in productList" :key="item.id" class="choiceness_product_item" @click="jumpInfo(item)">
:class="platformType ? '' : 'iosplatformType'" <up-image :src="item.url" width="100%" height="140" bgColor="#f1f6ff00"></up-image>
>
<view
v-for="item in productList"
:key="item.id"
class="choiceness_product_item"
@click="jumpInfo(item)"
>
<up-image
:src="item.url"
width="100%"
height="140"
bgColor="#f1f6ff00"
></up-image>
<view class="product_item_name">{{ item.title }}</view> <view class="product_item_name">{{ item.title }}</view>
<view class="product_item_price"> <view class="product_item_price">
<view class="price_"> <view class="price_">
<text>￥</text> <text>￥</text>
<text style="color: 36rpx">{{ item.price }}</text> <text style="color: 36rpx">{{ item.price }}</text>
</view> </view>
<view class="price_sell">已售{{ item.sales }}件</view> <view class="price_sell">全网销量{{ limit999(item.sales) }}件</view>
</view> </view>
</view> </view>
</view> </view>
@@ -63,6 +40,13 @@ export default {
this.getSearchList(); this.getSearchList();
}, },
methods: { methods: {
limit999(n) {
const num = Number(n);
if (isNaN(num) || num < 10000) {
return n != null && n !== '' ? String(n) : '0';
}
return `${Math.floor(num / 10000)}万+`;
},
// //
jumpInfo(item) { jumpInfo(item) {
uni.navigateTo({ uni.navigateTo({
@@ -104,6 +88,7 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
padding-bottom: calc(env(safe-area-inset-bottom) + 100rpx); padding-bottom: calc(env(safe-area-inset-bottom) + 100rpx);
&.iosplatformType { &.iosplatformType {
padding-bottom: 100rpx; padding-bottom: 100rpx;
} }
components/common/address-popup.vue
+24 -7
View File
@@ -19,7 +19,8 @@
</view> </view>
</scroll-view> </scroll-view>
<scroll-view :scroll-y="true" class="address-bottom-list" :scroll-into-view="scrollId"> <scroll-view :scroll-y="true" class="address-bottom-list" :scroll-into-view="scrollId"
:scroll-top="scrollTop">
<view class="address-data-view" v-for="(item, index) in dataList" :key="index" :id="item.zi"> <view class="address-data-view" v-for="(item, index) in dataList" :key="index" :id="item.zi">
<text class="text-32 text-gray text-bold">{{ item.zi }}</text> <text class="text-32 text-gray text-bold">{{ item.zi }}</text>
<view class="address-data-data" @click="onItem(item, xItem)" v-for="(xItem, xIndex) in item.data" <view class="address-data-data" @click="onItem(item, xItem)" v-for="(xItem, xIndex) in item.data"
@@ -45,6 +46,7 @@ export default {
data() { data() {
return { return {
scrollId: '', scrollId: '',
scrollTop: 0,
} }
}, },
props: { props: {
@@ -68,10 +70,23 @@ export default {
type: Number, type: Number,
default: 0 default: 0
} }
}, },
watch: {
dataList() {
this.resetScroll();
},
curSelect() {
this.resetScroll();
}
},
methods: { methods: {
resetScroll() {
this.scrollId = '';
this.scrollTop = this.scrollTop === 0 ? 0.01 : 0;
this.$nextTick(() => {
this.scrollTop = 0;
});
},
onClose() { onClose() {
this.$emit('close') this.$emit('close')
}, },
@@ -83,6 +98,7 @@ export default {
}, },
onSelectItrm(item, index) { onSelectItrm(item, index) {
if (index != this.curSelect) { if (index != this.curSelect) {
this.resetScroll();
this.$emit('select', item, index); this.$emit('select', item, index);
} }
}, },
@@ -91,6 +107,7 @@ export default {
Func.debounce(() => this.onItemOne(item, xItem), 150); Func.debounce(() => this.onItemOne(item, xItem), 150);
}, },
onItemOne(item, xItem) { onItemOne(item, xItem) {
this.resetScroll();
this.$emit('itemSelect', item, xItem); this.$emit('itemSelect', item, xItem);
} }
} }
@@ -127,8 +144,8 @@ export default {
.address-bottom-list { .address-bottom-list {
width: 100%; width: 100%;
height: calc(100% - 88rpx - 88rpx - 32rpx); height: calc(100% - 60rpx - 88rpx - 32rpx);
margin-top: 32rpx; margin-top: 20rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
@@ -153,8 +170,8 @@ export default {
.address-select-view { .address-select-view {
width: 100%; width: 100%;
height: 88rpx; height: 60rpx;
min-height: 88rpx; min-height: 60rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
components/common_card.vue
+24 -13
View File
@@ -22,9 +22,9 @@
<view class="templ_img_item" v-for="item in uploadTemplList" :key="item.id"> <view class="templ_img_item" v-for="item in uploadTemplList" :key="item.id">
<up-image :src="item.url" width="100%" height="50" bgColor="#f1f6ff00"></up-image> <up-image :src="item.url" width="100%" height="50" bgColor="#f1f6ff00"></up-image>
<view class="templ_img_item_msg"> <view class="templ_img_item_msg">
<up-image :src="item.isOk ? '/static/common/ID_ok_1.png' : '/static/common/ID_error.png'" width="10" <up-image :src="item.isOk ? '/static/common/ID_ok_1.png' : '/static/common/ID_error.png'"
height="10" bgColor="#f1f6ff00"></up-image> width="10" height="10" bgColor="#f1f6ff00"></up-image>
<view class="templ_img_item_msg_title">{{ item.title }}</view> <view class="templ_img_item_msg_title">{{ item.title }}111</view>
</view> </view>
</view> </view>
</view> </view>
@@ -41,7 +41,7 @@ import { getStorageFun, TOKEN_NAME } from '@/utils/auth.js';
export default { export default {
name: "common_card", name: "common_card",
props:['Fimg','Bimg'], props: ['Fimg', 'Bimg'],
data() { data() {
return { return {
uploadTemplList: [ uploadTemplList: [
@@ -54,7 +54,7 @@ export default {
id: 2, id: 2,
title: "边框缺失", title: "边框缺失",
isOk: false, isOk: false,
url: "https://static.tbmall.xin/static/ID_error_1.png", url: "https://static.tbmall.xin/static/ID_gq.png",
}, { }, {
id: 3, id: 3,
title: "照片模糊", title: "照片模糊",
@@ -71,15 +71,15 @@ export default {
fileListF: {},// 身份反面照片 fileListF: {},// 身份反面照片
}; };
}, },
watch:{ watch: {
Fimg(p,r){ Fimg(p, r) {
if(p){ if (p) {
this.fileListZ = {accessUrl:p}; this.fileListZ = { accessUrl: p };
} }
}, },
Bimg(p,r){ Bimg(p, r) {
if(p){ if (p) {
this.fileListF = {accessUrl:p}; this.fileListF = { accessUrl: p };
} }
}, },
}, },
@@ -176,4 +176,15 @@ export default {
} }
</script> </script>
<style></style> <style scoped lang="scss">
.data_common_warp {
background: #FFFFFF;
border-radius: 30rpx;
padding: 30rpx;
margin-bottom: 30rpx;
&:last-child {
margin-bottom: 92rpx;
}
}
</style>
components/shop/ping-item.vue
+8 -1
View File
@@ -16,7 +16,7 @@
<!-- 无优惠券 --> <!-- 无优惠券 -->
<view class="flex-r-lr price-line" v-else> <view class="flex-r-lr price-line" v-else>
<text class="text-28 text-zi text-bold">￥{{ obj.price }}</text> <text class="text-28 text-zi text-bold">￥{{ obj.price }}</text>
<text class="text-24 sold">已售{{ obj.sales }}件</text> <text class="text-24 sold">全网销量{{ limit999(obj.sales) }}件</text>
</view> </view>
</view> </view>
</view> </view>
@@ -32,6 +32,13 @@ export default {
} }
}, },
methods: { methods: {
limit999(n) {
const num = Number(n);
if (isNaN(num) || num < 10000) {
return n != null && n !== '' ? String(n) : '0';
}
return `${Math.floor(num / 10000)}万+`;
},
onClick() { onClick() {
this.$emit('ok', this.obj.id); this.$emit('ok', this.obj.id);
} }
pages/active/limited-time/limited-time.vue
+18 -41
View File
@@ -24,32 +24,18 @@
<text class="tab-text">{{ item.name }}</text> <text class="tab-text">{{ item.name }}</text>
</view> </view>
</view> </view>
<!-- 限时秒杀标签 -->
<!-- <view class="tab-list-container">
<view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index">
<text class="text-28 text-space" :style="{
color: curTab == index ? '#7A35F6' : '#666'
}">
{{ item.name }}
</text>
</view>
</view> -->
</view> </view>
<mescroll-uni ref="mescrollRef" top="710rpx" @down="downCallback" @up="upCallback" :up="upOption"
:down="downOption" @init="mescrollInit">
<view class="setting-view"> <view class="setting-view">
<view class="name-box"> <view class="name-box">
<mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption" <view class="mescrollUniView">
@init="mescrollInit" :fixed="false"> <productSeckillCard v-for="item in dataList" :key="item.id" :item="item" :actived-type="activedScekillType" :attributes="attributes" />
<!-- 原来单个 v-for 替换成两列 --> </view>
<view class="mescrollUniView" v-for="item in dataList" :key="item.id"> </view>
<productSeckillCard :item="item" :actived-type="activedScekillType" :attributes="attributes" />
</view> </view>
</mescroll-uni> </mescroll-uni>
</view>
</view>
<!-- #ifndef H5 || MP-WEIXIN-->
<CustomTabBar :tabIndex="2" />
<!-- #endif -->
<up-toast ref="uToastRef"></up-toast> <up-toast ref="uToastRef"></up-toast>
</view> </view>
</template> </template>
@@ -238,14 +224,18 @@ export default {
.content-two { .content-two {
height: 100vh; height: 100vh;
background-color: #fff; background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative; position: relative;
overflow: hidden;
} }
.product_info_header_warp { .product_info_header_warp {
position: relative; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 660rpx;
z-index: 10;
background-color: #fff;
.product_info_header_swiper { .product_info_header_swiper {
height: 660rpx !important; height: 660rpx !important;
@@ -379,9 +369,10 @@ export default {
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
overflow-x: auto; overflow-x: auto;
position: absolute; position: fixed;
top: 600rpx; top: 600rpx;
left: 0; left: 0;
z-index: 11;
.tab-list-container { .tab-list-container {
width: 100%; width: 100%;
@@ -406,28 +397,14 @@ export default {
} }
.setting-view { .setting-view {
margin-top: 0;
width: 100%; width: 100%;
flex: 1; padding: 0 32rpx 20rpx;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
margin-top: 126rpx; margin-top: 0;
/* #ifndef H5 || MP-WEIXIN */
margin-bottom: calc(100rpx + env(safe-area-inset-bottom));
/* #endif */
.name-box { .name-box {
width: 100%; width: 100%;
flex: 1;
min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
pages/active/newcomer-exclusive/newcomer-exclusive.vue
+15 -25
View File
@@ -17,6 +17,8 @@
</view> </view>
<mescroll-uni ref="mescrollRef" top="660rpx" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption"
@init="mescrollInit">
<view class="tab-view"> <view class="tab-view">
<view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index"> <view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index">
<text class="text-28 text-space" :style="{ <text class="text-28 text-space" :style="{
@@ -28,15 +30,12 @@
<view class="setting-view"> <view class="setting-view">
<view class="name-box"> <view class="name-box">
<mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption" <view class="mescrollUniView">
@init="mescrollInit" :fixed="false"> <productSeckillCard v-for="item in dataList" :key="item.id" :item="item" actived-type="newcomer" />
<!-- 原来单个 v-for 替换成两列 --> </view>
<view class="mescrollUniView" v-for="item in dataList" :key="item.id"> </view>
<productSeckillCard :item="item" actived-type="newcomer" />
</view> </view>
</mescroll-uni> </mescroll-uni>
</view>
</view>
<!-- #ifndef H5 || MP-WEIXIN--> <!-- #ifndef H5 || MP-WEIXIN-->
<CustomTabBar :tabIndex="2" /> <CustomTabBar :tabIndex="2" />
<!-- #endif --> <!-- #endif -->
@@ -193,14 +192,18 @@ export default {
.content-two { .content-two {
height: 100vh; height: 100vh;
background-color: #fff; background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative; position: relative;
overflow: hidden;
} }
.product_info_header_warp { .product_info_header_warp {
position: relative; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 660rpx;
z-index: 10;
background-color: #fff;
.product_info_header_swiper { .product_info_header_swiper {
height: 660rpx !important; height: 660rpx !important;
@@ -323,25 +326,12 @@ export default {
.setting-view { .setting-view {
margin-top: 40rpx; margin-top: 40rpx;
width: 100%; width: 100%;
flex: 1; padding: 0 32rpx 20rpx;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
/* #ifndef H5 || MP-WEIXIN */
margin-bottom: calc(100rpx + env(safe-area-inset-bottom));
/* #endif */
.name-box { .name-box {
width: 100%; width: 100%;
flex: 1;
min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
pages/active/super-subsidy/super-subsidy.vue
+15 -37
View File
@@ -17,29 +17,16 @@
</view> </view>
<!-- <view class="tab-view"> <mescroll-uni ref="mescrollRef" top="660rpx" @down="downCallback" @up="upCallback" :up="upOption"
<view class="tab-list" @click="onTab(index)" v-for="(item, index) in tabList" :key="index"> :down="downOption" @init="mescrollInit">
<text class="text-28 text-space" :style="{
color: curTab == index ? '#7A35F6' : '#666',
}">{{ item.name }}</text>
<view class="line" v-if="curTab == index"></view>
</view>
</view> -->
<view class="setting-view"> <view class="setting-view">
<view class="name-box"> <view class="name-box">
<mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption" <view class="mescrollUniView">
@init="mescrollInit" :fixed="false"> <productSeckillCard v-for="item in dataList" :key="item.id" :item="item" actived-type="super" />
<!-- 原来单个 v-for 替换成两列 --> </view>
<view class="mescrollUniView" v-for="item in dataList" :key="item.id"> </view>
<productSeckillCard :item="item" actived-type="super" />
</view> </view>
</mescroll-uni> </mescroll-uni>
</view>
</view>
<!-- #ifndef H5 || MP-WEIXIN-->
<CustomTabBar :tabIndex="2" />
<!-- #endif -->
<up-toast ref="uToastRef"></up-toast> <up-toast ref="uToastRef"></up-toast>
</view> </view>
</template> </template>
@@ -175,14 +162,18 @@ export default {
.content-two { .content-two {
height: 100vh; height: 100vh;
background-color: #fff; background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative; position: relative;
overflow: hidden;
} }
.product_info_header_warp { .product_info_header_warp {
position: relative; position: fixed;
top: 0;
left: 0;
width: 100%;
height: 660rpx;
z-index: 10;
background-color: #fff;
.product_info_header_swiper { .product_info_header_swiper {
height: 660rpx !important; height: 660rpx !important;
@@ -305,25 +296,12 @@ export default {
.setting-view { .setting-view {
margin-top: 40rpx; margin-top: 40rpx;
width: 100%; width: 100%;
flex: 1; padding: 0 32rpx 20rpx;
min-height: 0;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
/* #ifndef H5 || MP-WEIXIN */
margin-bottom: calc(100rpx + env(safe-area-inset-bottom));
/* #endif */
.name-box { .name-box {
width: 100%; width: 100%;
flex: 1;
min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
pages/mine/mine.vue
+55 -7
View File
@@ -1,6 +1,6 @@
<template> <template>
<view class="mine_warp" :class="platformType ? '' : 'iosplatformType'"> <view class="mine_warp" :class="platformType ? '' : 'iosplatformType'">
<view class="mine_header"> <view class="mine_header" :style="headerStyle">
<view class="mine_login_data" v-if="currentUserData && Object.keys(currentUserData).length !== 0"> <view class="mine_login_data" v-if="currentUserData && Object.keys(currentUserData).length !== 0">
<view class="mine_data"> <view class="mine_data">
<up-image <up-image
@@ -11,9 +11,8 @@
<text style="margin-right: 20rpx">{{ currentUserData.nickname || '信任桥用户' }}</text> <text style="margin-right: 20rpx">{{ currentUserData.nickname || '信任桥用户' }}</text>
<view class="level level-grade" @click="jumpToTrustBridge" v-if="currentUserData.agentName"> <view class="level level-grade" @click="jumpToTrustBridge" v-if="currentUserData.agentName">
<up-image src="/static/common/rz.png" <up-image src="/static/common/rz.png" style="margin-right: 8rpx; margin-top: 6rpx"
style="margin-right: 8rpx; margin-top: 6rpx" shape="circle" width="13" height="13" shape="circle" width="13" height="13" bgColor="#f1f6ff00"></up-image>
bgColor="#f1f6ff00"></up-image>
<view>{{ currentUserData.agentName }}</view> <view>{{ currentUserData.agentName }}</view>
</view> </view>
@@ -84,7 +83,9 @@
@click="jumpOrder(item)"> @click="jumpOrder(item)">
<up-image :src="item.url" width="28" height="28" bgColor="#f1f6ff00"></up-image> <up-image :src="item.url" width="28" height="28" bgColor="#f1f6ff00"></up-image>
<view>{{ item.title }}</view> <view>{{ item.title }}</view>
<up-badge :absolute="true" :offset="[-9, 9]" max="99" :customStyle="{ width: '40rpx', height: '32rpx', borderRadius: '45% 45% 45% 0', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 0 }" :value="statisticsObj[item.note]"></up-badge> <up-badge :absolute="true" :offset="[-9, 9]" max="99"
:customStyle="{ width: '40rpx', height: '32rpx', borderRadius: '45% 45% 45% 0', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 0 }"
:value="statisticsObj[item.note]"></up-badge>
</view> </view>
</view> </view>
</view> </view>
@@ -413,9 +414,14 @@ export default {
platformType: true, platformType: true,
kefuUnreadCount: 0, kefuUnreadCount: 0,
kefuUnreadTimer: null, kefuUnreadTimer: null,
headerStyle: {},
}; };
}, },
created() {
this.headerStyle = this.calcHeaderStyle();
},
onShow() { onShow() {
this.headerStyle = this.calcHeaderStyle();
this.userData = getStorageFun(USER_DATA); this.userData = getStorageFun(USER_DATA);
/*#ifdef APP-PLUS*/ /*#ifdef APP-PLUS*/
uni.hideTabBar({ uni.hideTabBar({
@@ -435,8 +441,50 @@ export default {
onUnload() { onUnload() {
this.stopKefuUnreadPolling(); this.stopKefuUnreadPolling();
}, },
mounted() { }, mounted() {
this.headerStyle = this.calcHeaderStyle();
},
methods: { methods: {
calcHeaderStyle() {
let paddingTop = '90rpx';
let paddingRight = '30rpx';
// #ifdef MP-WEIXIN || MP
try {
const menuButton = uni.getMenuButtonBoundingClientRect();
const sysInfo = uni.getSystemInfoSync();
if (menuButton && menuButton.top && menuButton.top > 0) {
paddingTop = (menuButton.top + 2) + 'px';
if (sysInfo && sysInfo.windowWidth && menuButton.left) {
paddingRight = (sysInfo.windowWidth - menuButton.left + 10) + 'px';
}
} else {
const statusBarHeight = (sysInfo && sysInfo.statusBarHeight) || 20;
paddingTop = (statusBarHeight + 10) + 'px';
paddingRight = '96px';
}
} catch (e) {
paddingTop = '90rpx';
paddingRight = '96px';
}
// #endif
// #ifdef APP-PLUS
try {
const sysInfo = uni.getSystemInfoSync();
if (sysInfo && sysInfo.statusBarHeight) {
paddingTop = (sysInfo.statusBarHeight + 10) + 'px';
}
} catch (e) {
paddingTop = '90rpx';
}
// #endif
return {
paddingTop,
paddingRight
};
},
copyData, copyData,
async refreshKefuUnreadCount() { async refreshKefuUnreadCount() {
const userId = this.currentUserData && this.currentUserData.id; const userId = this.currentUserData && this.currentUserData.id;
@@ -680,7 +728,7 @@ export default {
} }
&.level-grade { &.level-grade {
background: rgba(248,185,75,0.15); background: rgba(248, 185, 75, 0.15);
color: #613700; color: #613700;
} }
} }
pages/mine_package/mine_authentication/mine_authentication.vue
+29 -14
View File
@@ -2,6 +2,7 @@
<view class="authentication_warp"> <view class="authentication_warp">
<Header :leftTitle="$t('authentication.title')" left-path-type="switchTab" left-path="/pages/mine/mine"> <Header :leftTitle="$t('authentication.title')" left-path-type="switchTab" left-path="/pages/mine/mine">
</Header> </Header>
<view class="content_warp">
<view class="data_common_warp"> <view class="data_common_warp">
<view class="data_msg">请填写用户本人得相关信息</view> <view class="data_msg">请填写用户本人得相关信息</view>
<view class="'add_form_item add_form_item_but'" v-for="item in formList" :key="item.id"> <view class="'add_form_item add_form_item_but'" v-for="item in formList" :key="item.id">
@@ -19,8 +20,9 @@
</view> </view>
<!-- 证件照 --> <!-- 证件照 -->
<CommonCard @valueFunc="getValue" :Fimg="form.certFimg" :Bimg="form.certBimg" /> <CommonCard @valueFunc="getValue" :Fimg="form.certFimg" :Bimg="form.certBimg" />
</view>
<view class="add_but" @click="addAuthentication"> <view class="add_but" @click="addAuthentication">
{{userInfo && userInfo.certStatus ? '重新提交' : '提交'}} {{ userInfo && userInfo.certStatus ? '重新提交' : '提交' }}
</view> </view>
<up-picker :show="certShow" :columns="[CERT_OPTION]" keyName="value" itemHeight="34" @confirm="certConfirm" <up-picker :show="certShow" :columns="[CERT_OPTION]" keyName="value" itemHeight="34" @confirm="certConfirm"
@cancel="certShow = false" @close="certShow = false"></up-picker> @cancel="certShow = false" @close="certShow = false"></up-picker>
@@ -31,7 +33,7 @@
<script> <script>
import CommonCard from '@/components/common_card.vue'; import CommonCard from '@/components/common_card.vue';
import Header from '@/components/header.vue'; import Header from '@/components/header.vue';
import { realNameAuthentication,getUserInfo } from '@/api/auth.js'; import { realNameAuthentication, getUserInfo } from '@/api/auth.js';
import { CERT_OPTION } from '@/utils/enumUtils.js'; import { CERT_OPTION } from '@/utils/enumUtils.js';
export default { export default {
@@ -96,15 +98,15 @@ export default {
], ],
certShow: false, certShow: false,
certOption: [], certOption: [],
userInfo:null userInfo: null
} }
}, },
onLoad(){ onLoad() {
this.init(); this.init();
}, },
methods: { methods: {
init(){ init() {
this.getUserInfo(); this.getUserInfo();
}, },
async getUserInfo() { async getUserInfo() {
@@ -113,12 +115,12 @@ export default {
const data = result.data; const data = result.data;
this.userInfo = result.data || {}; this.userInfo = result.data || {};
this.form = { this.form = {
name:this.userInfo.name, name: this.userInfo.name,
certNo:this.userInfo.certNo, certNo: this.userInfo.certNo,
certType:this.userInfo.certType != null ? this.userInfo.certType : 1, certType: this.userInfo.certType != null ? this.userInfo.certType : 1,
certName: this.userInfo.certType == 2? '护照' :'居民身份证', certName: this.userInfo.certType == 2 ? '护照' : '居民身份证',
certFimg:this.userInfo.certFimg, certFimg: this.userInfo.certFimg,
certBimg:this.userInfo.certBimg, certBimg: this.userInfo.certBimg,
} }
} }
@@ -149,7 +151,7 @@ export default {
}); });
return; return;
} }
if(!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(params.certNo)){ if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(params.certNo)) {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: 'error', type: 'error',
message: "请输入正确的证件号码", message: "请输入正确的证件号码",
@@ -208,9 +210,17 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.authentication_warp { .authentication_warp {
height: calc(100vh - 58rpx); height: 100%;
// height: calc(100vh - 158rpx);
background-color: $app-bj; background-color: $app-bj;
padding: 30rpx; padding: 0 30rpx;
display: flex;
flex-direction: column;
.content_warp {
flex: 1;
overflow-y: scroll;
}
} }
.cert_ { .cert_ {
@@ -223,4 +233,9 @@ export default {
color: #9e9e9ec7 color: #9e9e9ec7
} }
} }
.add_but {
position: relative;
width: 100%;
}
</style> </style>
pages/other_package/productInfo/evaluation.vue
+12 -23
View File
@@ -3,38 +3,22 @@
<view class="eval-header"> <view class="eval-header">
<view class="title">商品评价 ({{ totalCount }})</view> <view class="title">商品评价 ({{ totalCount }})</view>
<view class="more" @click="goMore"> <view class="more" @click="goMore">
<view class="rate" <view class="rate">查看全部
>查看全部 <up-image src="/static/common/right.png" width="14" height="14" bgColor="#f1f6ff00" class="arrow"></up-image>
<up-image </view>
src="/static/common/right.png"
width="14"
height="14"
bgColor="#f1f6ff00"
class="arrow"
></up-image
></view>
</view> </view>
</view> </view>
<view class="eval-list"> <view class="eval-list">
<view class="eval-item" v-for="(item, index) in list" :key="index"> <view class="eval-item" v-for="(item, index) in list" :key="index">
<view class="user-info"> <view class="user-info">
<view class="user-left"> <view class="user-left">
<image <image class="avatar" :src="item.userImage" mode="aspectFill"></image>
class="avatar"
:src="item.userImage"
mode="aspectFill"
></image>
<text class="username">{{ item.userName }}</text> <text class="username">{{ item.userName }}</text>
</view> </view>
<view class="user-right"> <view class="user-right">
<view class="stars"> <view class="stars">
<text <text v-for="s in item.rating" :key="s" class="star-icon"
v-for="s in item.rating" :style="{ color: s <= item.rating ? '#7934F6' : '#e5e5e5' }">★</text>
:key="s"
class="star-icon"
:style="{ color: s <= item.rating ? '#7934F6' : '#e5e5e5' }"
>★</text
>
</view> </view>
</view> </view>
</view> </view>
@@ -109,6 +93,7 @@ export default {
/* 自适应父级宽度，可根据页面情况调整 margin */ /* 自适应父级宽度，可根据页面情况调整 margin */
margin: 20rpx auto; margin: 20rpx auto;
box-sizing: border-box; box-sizing: border-box;
} }
/* 头部样式 */ /* 头部样式 */
@@ -133,10 +118,12 @@ export default {
.rate { .rate {
color: #999999; color: #999999;
margin-right: 4rpx; display: flex;
.arrow { .arrow {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-left: 4rpx;
} }
} }
} }
@@ -185,6 +172,7 @@ export default {
.user-right { .user-right {
.stars { .stars {
display: flex; display: flex;
.star-icon { .star-icon {
font-size: 26rpx; font-size: 26rpx;
margin-left: 6rpx; margin-left: 6rpx;
@@ -196,6 +184,7 @@ export default {
/* 评价文字 */ /* 评价文字 */
.eval-content { .eval-content {
margin-bottom: 16rpx; margin-bottom: 16rpx;
.text-desc { .text-desc {
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
pages/other_package/productInfo/productInfo.vue
+6 -2
View File
@@ -63,7 +63,7 @@
下单送{{ orderInfo.contribution }}贡献值 下单送{{ orderInfo.contribution }}贡献值
</view> </view>
<!-- 销量还需要改 --> <!-- 销量还需要改 -->
<view>销量{{ limit999(orderInfo.sales) }}件</view> <view>全网销量{{ limit999(orderInfo.sales) }}件</view>
</view> </view>
</view> </view>
@@ -497,7 +497,11 @@ export default {
methods: { methods: {
assembleAddress, assembleAddress,
limit999(n) { limit999(n) {
return n > 999 ? '999+' : String(n); const num = Number(n);
if (isNaN(num) || num < 10000) {
return n != null && n !== '' ? String(n) : '0';
}
return `${Math.floor(num / 10000)}万+`;
}, },
onOpenApp() { onOpenApp() {
pages/rwa_package/account/withdraw.vue
+135 -123
View File
@@ -6,19 +6,19 @@
<view class="top-view"> <view class="top-view">
<view class="top-left"> <view class="top-left">
<text class="text-bold text-52 text-white"> <text class="text-bold text-52 text-white">
{{amount}} {{ amount }}
</text> </text>
<text class="text-20 text-white" style="font-weight: 100;">可用余额</text> <text class="text-20 text-white" style="font-weight: 100;">可用余额</text>
</view> </view>
<view class="top-right"> <view class="top-right">
<text class="text-bold text-36 text-white"> <text class="text-bold text-36 text-white">
{{noAmount}} {{ noAmount }}
</text> </text>
<text class="text-20 text-white" style="font-weight: 100;">不可用余额</text> <text class="text-20 text-white" style="font-weight: 100;">不可用余额</text>
</view> </view>
</view> </view>
<view class="mid-view"> <view class="mid-view">
<text class="text-gray text-32">{{type == 0 ? '提现' : '充值'}}方式</text> <text class="text-gray text-32">{{ type == 0 ? '提现' : '充值' }}方式</text>
<view class="item-view" @click="onSelect('0')" v-if="!isWeb || type != 0"> <view class="item-view" @click="onSelect('0')" v-if="!isWeb || type != 0">
<image src="https://static.tbmall.xin/static/new/wx.png"></image> <image src="https://static.tbmall.xin/static/new/wx.png"></image>
@@ -29,11 +29,12 @@
</u-radio-group> </u-radio-group>
</view> </view>
<view class="right-icon-view" v-else> <view class="right-icon-view" v-else>
<text class="text-32 text-gray" style="margin-right:12rpx" v-if="selectVal && curSelect == '0'">{{selectVal.name + '/' + selectVal.account}}</text> <text class="text-32 text-gray" style="margin-right:12rpx"
<u-icon size="14" name="arrow-right" color="#333" ></u-icon> v-if="selectVal && curSelect == '0'">{{ selectVal.name + '/' + selectVal.account }}</text>
<u-icon size="14" name="arrow-right" color="#333"></u-icon>
</view> </view>
</view> </view>
<view class="item-view" @click="onSelect('1')" style="border-width: 0;" > <view class="item-view" @click="onSelect('1')" style="border-width: 0;">
<image src="https://static.tbmall.xin/static/new/zfb.png"></image> <image src="https://static.tbmall.xin/static/new/zfb.png"></image>
<text class="text-gray text-32 " style="margin-left:20rpx;">支付宝</text> <text class="text-gray text-32 " style="margin-left:20rpx;">支付宝</text>
<view class="right-icon-view" v-if="type == 1"> <view class="right-icon-view" v-if="type == 1">
@@ -42,14 +43,15 @@
</u-radio-group> </u-radio-group>
</view> </view>
<view class="right-icon-view" v-else> <view class="right-icon-view" v-else>
<text class="text-32 text-gray" style="margin-right:12rpx" v-if="selectVal && curSelect == '1'">{{selectVal.name + '/' + selectVal.account}}</text> <text class="text-32 text-gray" style="margin-right:12rpx"
<u-icon size="14" name="arrow-right" color="#333" ></u-icon> v-if="selectVal && curSelect == '1'">{{ selectVal.name + '/' + selectVal.account }}</text>
<u-icon size="14" name="arrow-right" color="#333"></u-icon>
</view> </view>
</view> </view>
</view> </view>
<view class="mid-view"> <view class="mid-view">
<view class="flex-r-lr"> <view class="flex-r-lr">
<text class="text-gray text-32">{{type == 0 ? '提现' : '充值'}}金额</text> <text class="text-gray text-32">{{ type == 0 ? '提现' : '充值' }}金额</text>
<text class="text-fu1 text-28" v-if="type == 0" style="font-weight:400">每日仅限提现1次</text> <text class="text-fu1 text-28" v-if="type == 0" style="font-weight:400">每日仅限提现1次</text>
</view> </view>
@@ -57,14 +59,15 @@
<text class="text-52 text-zu text-bold">￥</text> <text class="text-52 text-zu text-bold">￥</text>
<input style="background: #fff;margin-top:10rpx;" <input style="background: #fff;margin-top:10rpx;"
:placeholder="type == 0 ? '请输入提现金额(0.3-2000)' : '输入充值金额'" :placeholder="type == 0 ? '请输入提现金额(0.3-2000)' : '输入充值金额'"
placeholder-style="color:#999;font-weight:400" placeholder-style="color:#999;font-weight:400" @input="onInput" border="0" v-model="money"
@input="onInput" :customStyle="inputCss"></input>
border="0" v-model="money" :customStyle="inputCss"></input>
</view> </view>
</view> </view>
<view class="zhu-view" v-if="selectVal"> <view class="zhu-view" v-if="selectVal">
<u-icon size="12" style="margin-top:5rpx;margin-right:12rpx" name="error-circle" color="#7934F6"></u-icon> <u-icon size="12" style="margin-top:5rpx;margin-right:12rpx" name="error-circle"
<text class="text-24 text-zi" style="font-weight: 400;">通过支付宝或微信提现时，将由支付宝/微信官方收取0.6%的费用，本平台不收取任何费用。</text> color="#7934F6"></u-icon>
<text class="text-24 text-zi"
style="font-weight: 400;">通过支付宝或微信提现时，将由支付宝/微信官方收取0.6%的费用，本平台不收取任何费用。</text>
</view> </view>
@@ -72,45 +75,45 @@
<view class="bottom-btn"> <view class="bottom-btn">
<MyBtn :text="bottomText" @ok="onAdd"></MyBtn> <MyBtn :text="bottomText" @ok="onAdd"></MyBtn>
</view> </view>
<SelectItem :itemData="dataList" @close="onClose" @ok="onOk" @add="onAddBack" <SelectItem :itemData="dataList" @close="onClose" @ok="onOk" @add="onAddBack" :type="curSelect"
:type="curSelect" :itemShow="selectShow"></SelectItem> :itemShow="selectShow"></SelectItem>
<CodeItem @ti="onTi" @close="onClose" :codeShow="codeShow" :phone="userInfo ? userInfo.mobile :''"></CodeItem> <CodeItem @ti="onTi" @close="onClose" :codeShow="codeShow" :phone="userInfo ? userInfo.mobile : ''"></CodeItem>
<up-toast ref="uToastRef"></up-toast> <up-toast ref="uToastRef"></up-toast>
</view> </view>
</template> </template>
<script> <script>
import { getWithdraw,sendWithdraw } from '@/api/common.js'; import { getWithdraw, sendWithdraw } from '@/api/common.js';
import { getUserInfo,updateName,deleteAccount } from '@/api/auth.js'; import { getUserInfo, updateName, deleteAccount } from '@/api/auth.js';
import Header from '@/components/common/header.vue'; import Header from '@/components/common/header.vue';
import TopSafe from '@/components/common/top-safe.nvue' import TopSafe from '@/components/common/top-safe.nvue'
import MyBtn from '@/components/common/my-btn.vue' import MyBtn from '@/components/common/my-btn.vue'
import func from '@/utils/func.js'; import func from '@/utils/func.js';
import SelectItem from './components/select-item.vue' import SelectItem from './components/select-item.vue'
import CodeItem from './components/code-item.vue' import CodeItem from './components/code-item.vue'
import {uniPlatform} from '@/components/common/global.js' import { uniPlatform } from '@/components/common/global.js'
import { recharge,getAcctBalance } from '@/api/finance.js'; import { recharge, getAcctBalance } from '@/api/finance.js';
import { appWxpayFun, zfbPayFun } from '@/utils/payUtils.js' import { appWxpayFun, zfbPayFun } from '@/utils/payUtils.js'
// #ifdef APP-PLUS // #ifdef APP-PLUS
import {requestMerchantTransfer} from "@/uni_modules/uni-requestMerchantTransfer" import { requestMerchantTransfer } from "@/uni_modules/uni-requestMerchantTransfer"
// #endif // #endif
export default { export default {
components: { Header, TopSafe,MyBtn,SelectItem,CodeItem }, components: { Header, TopSafe, MyBtn, SelectItem, CodeItem },
data() { data() {
return { return {
isWeb:false, isWeb: false,
topText:'', topText: '',
type:0, type: 0,
amount:'', amount: '',
money:'', money: '',
noAmount:'', noAmount: '',
account:'', account: '',
bottomText:'', bottomText: '',
curSelect:'0', curSelect: '0',
selectShow:false, selectShow: false,
codeShow:false, codeShow: false,
name:'', name: '',
inputCss: { inputCss: {
"height": '80rpx', "height": '80rpx',
"background": "#F3F3F3FF", "background": "#F3F3F3FF",
@@ -118,22 +121,22 @@ export default {
"border": "0rpx", "border": "0rpx",
"padding-left": "12rpx", "padding-left": "12rpx",
}, },
dataList:[ dataList: [
], ],
selectVal:null, selectVal: null,
userInfo:null, userInfo: null,
}; };
}, },
onShow(){ onShow() {
if(uniPlatform == 'web'){ if (uniPlatform == 'web') {
this.isWeb = true; this.isWeb = true;
}else{ } else {
this.isWeb = false; this.isWeb = false;
} }
}, },
onLoad(option) { onLoad(option) {
if(option && option.type){ if (option && option.type) {
this.type = Number(option.type); this.type = Number(option.type);
this.init(); this.init();
} }
@@ -146,33 +149,33 @@ export default {
} }
}) })
}, },
onInput(e){ onInput(e) {
this.$nextTick(() => { this.$nextTick(() => {
this.money = func.checkInputPrice(e.detail.value); this.money = func.checkInputPrice(e.detail.value);
}) })
}, },
onOk(val){ onOk(val) {
this.selectVal = this.dataList.filter(i=>i.id == val)[0]; this.selectVal = this.dataList.filter(i => i.id == val)[0];
this.onClose(); this.onClose();
}, },
onAddBack(){ onAddBack() {
this.onClose(); this.onClose();
uni.navigateTo({ uni.navigateTo({
url:'/pages/rwa_package/account/index?id=' + this.curSelect url: '/pages/rwa_package/account/index?id=' + this.curSelect
}) })
}, },
onClose(){ onClose() {
this.selectShow = false; this.selectShow = false;
this.codeShow = false; this.codeShow = false;
}, },
getList(val){ getList(val) {
let params = { let params = {
platform:this.curSelect == '0' ? 2 : 1 platform: this.curSelect == '0' ? 2 : 1
} }
getWithdraw(params).then(res=>{ getWithdraw(params).then(res => {
if (res.bizcode === 100) { if (res.bizcode === 100) {
this.dataList = res.data; this.dataList = res.data;
this.dataList.forEach(item=>{ this.dataList.forEach(item => {
item.name = item.accountName; item.name = item.accountName;
item.account = item.accountNumber; item.account = item.accountNumber;
}) })
@@ -186,9 +189,9 @@ export default {
} }
}) })
}, },
onSelect(val){ onSelect(val) {
this.curSelect = val; this.curSelect = val;
if(this.type == 0){ if (this.type == 0) {
this.selectVal = null; this.selectVal = null;
this.getList(); this.getList();
} }
@@ -199,8 +202,8 @@ export default {
let data = []; let data = [];
if (resp && resp.bizcode === 100) { if (resp && resp.bizcode === 100) {
data = resp.data || []; data = resp.data || [];
data.forEach(item=>{ data.forEach(item => {
if("balance" == item.categoty){ if ("balance" == item.categoty) {
this.noAmount = item.lockAmount; this.noAmount = item.lockAmount;
this.amount = item.curAmount; this.amount = item.curAmount;
} }
@@ -210,57 +213,57 @@ export default {
this.balanceLoading = false; this.balanceLoading = false;
}, },
init() { init() {
if(this.type == 0 ){ if (this.type == 0) {
this.topText = '现金余额提现'; this.topText = '现金余额提现';
this.bottomText = '提现'; this.bottomText = '提现';
}else if(this.type == 1){ } else if (this.type == 1) {
this.topText = '现金余额充值'; this.topText = '现金余额充值';
this.bottomText = '充值'; this.bottomText = '充值';
} }
this.userinfo(); this.userinfo();
this.getAcctBalance(); this.getAcctBalance();
}, },
onAdd(){ onAdd() {
if(this.type == 0){ if (this.type == 0) {
if(!this.money){ if (!this.money) {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: "error", type: "error",
message: "请输入金额", message: "请输入金额",
}); });
return; return;
} }
if(Number(this.money) < 0.3){ if (Number(this.money) < 0.3) {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: "error", type: "error",
message: "提现金额不能低于0.3元", message: "提现金额不能低于0.3元",
}); });
return; return;
} }
if(Number(this.money) > 2000){ if (Number(this.money) > 2000) {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: "error", type: "error",
message: "提现金额不能大于2000元", message: "提现金额不能大于2000元",
}); });
return; return;
} }
if(Number(this.money)> Number(this.amount)){ if (Number(this.money) > Number(this.amount)) {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: "error", type: "error",
message: "输入金额大于可用余额", message: "输入金额大于可用余额",
}); });
return; return;
} }
if(this.type == 0 && !this.selectVal){ if (this.type == 0 && !this.selectVal) {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: "error", type: "error",
message: "请选择提现方式", message: "请选择提现方式",
}); });
return; return;
} }
console.log('onAdd',this.curSelect) console.log('onAdd', this.curSelect)
this.codeShow = true; this.codeShow = true;
}else{ } else {
if(!this.money){ if (!this.money) {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: "error", type: "error",
message: "请输入金额", message: "请输入金额",
@@ -268,11 +271,11 @@ export default {
return; return;
} }
let params = { let params = {
amount:this.money, amount: this.money,
category:'balance', category: 'balance',
payway:this.curSelect == '0' ? 'wechat' : 'alipay' payway: this.curSelect == '0' ? 'wechat' : 'alipay'
} }
recharge(params).then(result=>{ recharge(params).then(result => {
if (result && result.bizcode === 100) { if (result && result.bizcode === 100) {
const item = result.data; const item = result.data;
if (item.wechat && Object.keys(item.wechat).length !== 0) { if (item.wechat && Object.keys(item.wechat).length !== 0) {
@@ -313,38 +316,38 @@ export default {
} }
}, },
onTi(code){ onTi(code) {
let params = { let params = {
verificationCode:code, verificationCode: code,
bindId:this.selectVal.id, bindId: this.selectVal.id,
amount:Number(this.money), amount: Number(this.money),
accountType:this.curSelect == '0' ? 1 : 2 accountType: this.curSelect == '0' ? 1 : 2
} }
let _this = this; let _this = this;
sendWithdraw(params).then(res=>{ sendWithdraw(params).then(res => {
console.log('absc',res) console.log('absc', res)
if (res && res.bizcode == 100) { if (res && res.bizcode == 100) {
console.log('absc1111111111',res,this.curSelect) console.log('absc1111111111', res, this.curSelect)
// data = resp.data || []; // data = resp.data || [];
if(this.curSelect == '1'){ if (this.curSelect == '1') {
this.qing(); this.qing();
if(res.data.alResponse.msg == 'Success'){ if (res.data.alResponse.msg == 'Success') {
uni.navigateTo({ uni.navigateTo({
url:'/pages/rwa_package/account/success?money=' + params.amount url: '/pages/rwa_package/account/success?money=' + params.amount
}) })
}else{ } else {
setTimeout(()=>{ setTimeout(() => {
_this.$refs.uToastRef.show({ _this.$refs.uToastRef.show({
type: 'error', type: 'error',
message: res.data.alResponse.subMsg, message: res.data.alResponse.subMsg,
}); });
},400) }, 400)
} }
}else{ } else {
console.log('开始提现',res,this.curSelect) console.log('开始提现', res, this.curSelect)
// #ifdef APP-PLUS // #ifdef APP-PLUS
requestMerchantTransfer({ requestMerchantTransfer({
// uni.requestMerchantTransfer({ // uni.requestMerchantTransfer({
@@ -354,7 +357,7 @@ export default {
success: (res) => { success: (res) => {
this.qing(); this.qing();
uni.navigateTo({ uni.navigateTo({
url:'/pages/rwa_package/account/success?money=' + params.amount url: '/pages/rwa_package/account/success?money=' + params.amount
}) })
}, },
@@ -374,7 +377,7 @@ export default {
}) })
}, },
qing(){ qing() {
this.money = ''; this.money = '';
this.curSelect = '0'; this.curSelect = '0';
this.selectVal = null; this.selectVal = null;
@@ -385,9 +388,9 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.bottom-btn{ .bottom-btn {
width: 100%; width: 100%;
margin-bottom:92rpx; margin-bottom: 92rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -396,6 +399,7 @@ export default {
position: relative; position: relative;
} }
.setting-view { .setting-view {
width: 100%; width: 100%;
height: calc(100% - 88rpx - 92rpx - 88rpx - var(--status-bar-height)); height: calc(100% - 88rpx - 92rpx - 88rpx - var(--status-bar-height));
@@ -406,49 +410,54 @@ export default {
padding: 0 32rpx; padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
.top-view{
width:100%; .top-view {
margin-top:40rpx; width: 100%;
height:188rpx; margin-top: 40rpx;
min-height:188rpx; height: 188rpx;
min-height: 188rpx;
display: flex; display: flex;
background:linear-gradient( 270deg, #B164FB 0%, #7934F6 100%); background: linear-gradient(270deg, #B164FB 0%, #7934F6 100%);
padding: 36rpx 32rpx; padding: 36rpx 32rpx;
box-sizing: border-box; box-sizing: border-box;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-radius: 16rpx; border-radius: 16rpx;
.top-left{
.top-left {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
height:108rpx; height: 108rpx;
} }
.top-right{
.top-right {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
height:108rpx; height: 108rpx;
} }
} }
.zhu-view{
width:100%; .zhu-view {
width: 100%;
display: flex; display: flex;
margin-top:32rpx; margin-top: 32rpx;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
padding: 16rpx; padding: 16rpx;
box-sizing: border-box; box-sizing: border-box;
background: rgba(121, 52, 246, 0.05); background: rgba(121, 52, 246, 0.05);
border-radius:8rpx ; border-radius: 8rpx;
} }
.mid-view{
width:100%; .mid-view {
width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
@@ -456,35 +465,38 @@ export default {
background-color: #fff; background-color: #fff;
border-radius: 16rpx; border-radius: 16rpx;
padding: 32rpx; padding: 32rpx;
padding-bottom:0 ; padding-bottom: 0;
margin-top:24rpx; margin-top: 24rpx;
.item-view{
width:100%; .item-view {
height:110rpx; width: 100%;
min-height:110rpx; height: 110rpx;
min-height: 110rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: relative; position: relative;
align-items: center; align-items: center;
border-bottom: 2rpx solid #ececec; border-bottom: 2rpx solid #ececec;
.right-icon-view{
.right-icon-view {
position: absolute; position: absolute;
right:0; right: 0;
display: flex; display: flex;
} }
image{ image {
width:48rpx; width: 48rpx;
height:48rpx; height: 48rpx;
} }
} }
.input-view{
width:100%; .input-view {
height:100rpx; width: 100%;
height: 100rpx;
border-radius: 20rpx; border-radius: 20rpx;
margin:32rpx 0 ; margin: 32rpx 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;