|
@@ -51,41 +51,70 @@
|
|
</view>
|
|
</view>
|
|
<view class="manage-box">
|
|
<view class="manage-box">
|
|
<view class="manage" @click="navTo('/pages/money/wallet')">
|
|
<view class="manage" @click="navTo('/pages/money/wallet')">
|
|
- <image src="../../static/user/user06.png" mode=""></image>
|
|
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/user06.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
<view class="manage-title">
|
|
<view class="manage-title">
|
|
钱包
|
|
钱包
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="manage" @click="navTo('/pages/user/myvip')">
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/user12.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="manage-title">
|
|
|
|
+ 加盟
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="manage" @click="navTo('/pages/user/personal')">
|
|
<view class="manage" @click="navTo('/pages/user/personal')">
|
|
- <image src="../../static/user/user08.png" mode=""></image>
|
|
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/user08.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
<view class="manage-title">
|
|
<view class="manage-title">
|
|
实名认证
|
|
实名认证
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="manage" @click="navTo('/pages/user/shareQrCode')">
|
|
<view class="manage" @click="navTo('/pages/user/shareQrCode')">
|
|
- <image src="../../static/user/user05.png" mode=""></image>
|
|
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/user05.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
<view class="manage-title">
|
|
<view class="manage-title">
|
|
邀请好友
|
|
邀请好友
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="manage" @click="kfOpen()">
|
|
<view class="manage" @click="kfOpen()">
|
|
- <image src="../../static/user/kf.png" mode=""></image>
|
|
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/kf.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
<view class="manage-title">
|
|
<view class="manage-title">
|
|
联系客服
|
|
联系客服
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <!-- <view class="manage" @click="navTo('/pages/user/feedback')">
|
|
|
|
- <image src="../../static/user/user09.png" mode=""></image>
|
|
|
|
|
|
+
|
|
|
|
+ <view class="manage" @click="navTo('/pages/user/feedback')">
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/user09.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
<view class="manage-title">
|
|
<view class="manage-title">
|
|
提交意见
|
|
提交意见
|
|
</view>
|
|
</view>
|
|
- </view> -->
|
|
|
|
|
|
+ </view>
|
|
<view class="manage" @click="navTo('/pages/set/set')">
|
|
<view class="manage" @click="navTo('/pages/set/set')">
|
|
- <image src="../../static/user/user07.png" mode=""></image>
|
|
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/user07.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
<view class="manage-title">
|
|
<view class="manage-title">
|
|
设置
|
|
设置
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <!-- <view class="manage" @click="navTo('/pages/user/about')">
|
|
|
|
+ <view class="flex-center">
|
|
|
|
+ <image src="../../static/user/user09.png" mode="widthFix"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="manage-title">
|
|
|
|
+ 关于我们
|
|
|
|
+ </view>
|
|
|
|
+ </view> -->
|
|
</view>
|
|
</view>
|
|
<view class="navbar">
|
|
<view class="navbar">
|
|
<view class="nav-item" v-for="(item,index) in navList" :class="{current:tabCurrentIndex===index}"
|
|
<view class="nav-item" v-for="(item,index) in navList" :class="{current:tabCurrentIndex===index}"
|
|
@@ -93,7 +122,46 @@
|
|
{{item.text}}
|
|
{{item.text}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <swiper :current="tabCurrentIndex" duration="300" class="swiper-box" :style="{ height: height }"
|
|
|
|
|
|
+ <view v-for="(navitem,key) in navList" v-if="key==tabCurrentIndex">
|
|
|
|
+ <scroll-view scroll-y="true" class="uni-scroll-view-content ">
|
|
|
|
+ <u-empty v-if="navitem.orderList && navitem.orderList.length == 0 && navitem.loaded"></u-empty>
|
|
|
|
+ <view class="flex dy-list">
|
|
|
|
+ <view class="box-content" v-for="item in navitem.orderList">
|
|
|
|
+ <view class="img">
|
|
|
|
+ <image :src="item.class_info.uri" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-title">
|
|
|
|
+ <view class="title">
|
|
|
|
+ <view class="text clamp">
|
|
|
|
+ {{item.class_info.name}}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="zm" v-if="item.hang!=null">
|
|
|
|
+ 转卖中
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-price">
|
|
|
|
+ <view class="price">
|
|
|
|
+ ¥{{item.price}}
|
|
|
|
+
|
|
|
|
+ <!-- ¥{{item.class_info.name}} -->
|
|
|
|
+ </view>
|
|
|
|
+ <view class="" v-show="tabCurrentIndex!=1">
|
|
|
|
+ <view class="button" @click="navPop(item)" v-if="item.hang==null ">
|
|
|
|
+ 卖出
|
|
|
|
+ </view>
|
|
|
|
+ <view class="button" @click="qxMai(item.hang.id)" v-else>
|
|
|
|
+ 取消卖出
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <uni-load-more :status="navitem.loadingType"
|
|
|
|
+ v-if="!(navitem.orderList.length == 0 && navitem.loaded)"></uni-load-more>
|
|
|
|
+ </scroll-view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- <swiper :current="tabCurrentIndex" duration="300" class="swiper-box" :style="{ height: height }"
|
|
@change="changeTab">
|
|
@change="changeTab">
|
|
<swiper-item v-for="navitem in navList">
|
|
<swiper-item v-for="navitem in navList">
|
|
<scroll-view scroll-y="true" class="uni-scroll-view-content ">
|
|
<scroll-view scroll-y="true" class="uni-scroll-view-content ">
|
|
@@ -108,21 +176,19 @@
|
|
<view class="text clamp">
|
|
<view class="text clamp">
|
|
{{item.class_info.name}}
|
|
{{item.class_info.name}}
|
|
</view>
|
|
</view>
|
|
- <view class="zm"v-if="item.hang!=null">
|
|
|
|
|
|
+ <view class="zm" v-if="item.hang!=null">
|
|
转卖中
|
|
转卖中
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content-price">
|
|
<view class="content-price">
|
|
<view class="price">
|
|
<view class="price">
|
|
- ¥{{item.price}}
|
|
|
|
-
|
|
|
|
- <!-- ¥{{item.class_info.name}} -->
|
|
|
|
|
|
+ ¥{{item.price}}
|
|
</view>
|
|
</view>
|
|
<view class="" v-show="tabCurrentIndex!=1">
|
|
<view class="" v-show="tabCurrentIndex!=1">
|
|
- <view class="button" @click="navPop(item)" v-if="item.hang==null " >
|
|
|
|
|
|
+ <view class="button" @click="navPop(item)" v-if="item.hang==null ">
|
|
卖出
|
|
卖出
|
|
</view>
|
|
</view>
|
|
- <view class="button" @click="qxMai(item.id)" v-else >
|
|
|
|
|
|
+ <view class="button" @click="qxMai(item.hang.id)" v-else>
|
|
取消卖出
|
|
取消卖出
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -130,10 +196,11 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <uni-load-more :status="navitem.loadingType" v-if="!(navitem.orderList.length == 0 && navitem.loaded)"></uni-load-more>
|
|
|
|
|
|
+ <uni-load-more :status="navitem.loadingType"
|
|
|
|
+ v-if="!(navitem.orderList.length == 0 && navitem.loaded)"></uni-load-more>
|
|
</scroll-view>
|
|
</scroll-view>
|
|
</swiper-item>
|
|
</swiper-item>
|
|
- </swiper>
|
|
|
|
|
|
+ </swiper> -->
|
|
<!-- 客服 -->
|
|
<!-- 客服 -->
|
|
<uni-popup ref="popupkf" type="center">
|
|
<uni-popup ref="popupkf" type="center">
|
|
<view class="popup-box">
|
|
<view class="popup-box">
|
|
@@ -190,7 +257,10 @@
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
- import {sell,qxgd} from '@/api/order.js'
|
|
|
|
|
|
+ import {
|
|
|
|
+ sell,
|
|
|
|
+ qxgd
|
|
|
|
+ } from '@/api/order.js'
|
|
import uEmpty from '@/uview-ui/components/u-empty/u-empty.vue'
|
|
import uEmpty from '@/uview-ui/components/u-empty/u-empty.vue'
|
|
import {
|
|
import {
|
|
mapState,
|
|
mapState,
|
|
@@ -209,10 +279,6 @@
|
|
saveUrl,
|
|
saveUrl,
|
|
interceptor
|
|
interceptor
|
|
} from '@/utils/loginUtils.js';
|
|
} from '@/utils/loginUtils.js';
|
|
- import uniCopy from '@/js_sdk/xb-copy/uni-copy.js';
|
|
|
|
- let startY = 0,
|
|
|
|
- moveY = 0,
|
|
|
|
- pageAtTop = true;
|
|
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
uniList,
|
|
uniList,
|
|
@@ -221,22 +287,11 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- id:0,
|
|
|
|
- isBuy:false,//是否卖出
|
|
|
|
- item:'',//存放的数据
|
|
|
|
- money:'',//卖出价格
|
|
|
|
- height: '',
|
|
|
|
|
|
+ id: 0,
|
|
|
|
+ item: '', //当前选中要操作卖出商品的数据
|
|
|
|
+ money: '', //卖出价格
|
|
// 头部图高度
|
|
// 头部图高度
|
|
- maxheight: '',
|
|
|
|
tabCurrentIndex: 0,
|
|
tabCurrentIndex: 0,
|
|
- greenNum: 0,
|
|
|
|
- text: 'liuniu',
|
|
|
|
- coverTransform: 'translateY(0px)',
|
|
|
|
- coverTransition: '0s',
|
|
|
|
- moving: false,
|
|
|
|
- userDowm: 0, //卡片升级专属高度
|
|
|
|
- userMaxDowm: 0, //卡片最高高度
|
|
|
|
- name: 'zyjshiwoshanver',
|
|
|
|
navList: [{
|
|
navList: [{
|
|
state: 0,
|
|
state: 0,
|
|
text: '我拥有的',
|
|
text: '我拥有的',
|
|
@@ -254,18 +309,13 @@
|
|
limit: 10,
|
|
limit: 10,
|
|
loaded: false
|
|
loaded: false
|
|
}],
|
|
}],
|
|
- maiId: '',//当前卖出id
|
|
|
|
};
|
|
};
|
|
- },
|
|
|
|
- filters: {
|
|
|
|
-
|
|
|
|
},
|
|
},
|
|
onShow() {
|
|
onShow() {
|
|
- console.log(this.userInfo,'//////');
|
|
|
|
if (this.hasLogin) {
|
|
if (this.hasLogin) {
|
|
this.loadBaseData();
|
|
this.loadBaseData();
|
|
// 返回页面刷新我的挂单数据
|
|
// 返回页面刷新我的挂单数据
|
|
- this.navList = [{
|
|
|
|
|
|
+ this.navList = [{
|
|
state: 0,
|
|
state: 0,
|
|
text: '我拥有的',
|
|
text: '我拥有的',
|
|
loadingType: 'more',
|
|
loadingType: 'more',
|
|
@@ -284,26 +334,11 @@
|
|
}]
|
|
}]
|
|
// 获取我的挂单
|
|
// 获取我的挂单
|
|
this.getMyNft()
|
|
this.getMyNft()
|
|
- }else {
|
|
|
|
|
|
+ } else {
|
|
this.loadBaseData();
|
|
this.loadBaseData();
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onReady() {
|
|
onReady() {
|
|
-
|
|
|
|
- // 初始化获取页面宽度
|
|
|
|
- let _this = this
|
|
|
|
- uni.getSystemInfo({
|
|
|
|
- success: resu => {
|
|
|
|
- const query = uni.createSelectorQuery();
|
|
|
|
- console.log(resu, 'query');
|
|
|
|
- query.select('.swiper-box').boundingClientRect();
|
|
|
|
- query.exec(function(res) {
|
|
|
|
- _this.height = resu.windowHeight - res[0].top + 'px';
|
|
|
|
- console.log('打印页面的剩余高度', _this.height);
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- fail: res => {}
|
|
|
|
- });
|
|
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
|
|
...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
|
|
@@ -340,44 +375,48 @@
|
|
navPop(item) {
|
|
navPop(item) {
|
|
this.item = item
|
|
this.item = item
|
|
this.$refs.maipop.open()
|
|
this.$refs.maipop.open()
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
-
|
|
|
|
- buy(){
|
|
|
|
|
|
+
|
|
|
|
+ buy() {
|
|
let obj = this
|
|
let obj = this
|
|
- console.log(obj.item,'item');
|
|
|
|
- if(obj.price == '' ){
|
|
|
|
|
|
+ console.log(obj.item, 'item');
|
|
|
|
+ if (obj.price == '') {
|
|
obj.$api.msg('请输入价格')
|
|
obj.$api.msg('请输入价格')
|
|
return
|
|
return
|
|
}
|
|
}
|
|
sell({
|
|
sell({
|
|
- price:obj.money
|
|
|
|
- },obj.item.id).then(res=>{
|
|
|
|
- console.log(res,'res');
|
|
|
|
- obj.$api.msg('挂售成功!')
|
|
|
|
|
|
+ price: obj.money
|
|
|
|
+ }, obj.item.id).then(res => {
|
|
|
|
+ console.log(res, 'res');
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '成功',
|
|
|
|
+ content: '挂售成功!',
|
|
|
|
+ showCancel: false,
|
|
|
|
+ });
|
|
obj.$refs.maipop.close()
|
|
obj.$refs.maipop.close()
|
|
- obj.$set(this.navList[0].orderList,'isBuy',true)
|
|
|
|
-
|
|
|
|
- // this.getMyNft('tab')
|
|
|
|
-
|
|
|
|
})
|
|
})
|
|
},
|
|
},
|
|
//取消卖出弹窗
|
|
//取消卖出弹窗
|
|
- qxMai(item){
|
|
|
|
|
|
+ qxMai(item) {
|
|
this.$refs.qumaipop.open()
|
|
this.$refs.qumaipop.open()
|
|
- console.log(item,'id');
|
|
|
|
|
|
+ console.log(item, 'id');
|
|
this.id = item
|
|
this.id = item
|
|
},
|
|
},
|
|
- quxbuy(){
|
|
|
|
- qxgd({},this.id).then(res=>{
|
|
|
|
- console.log(res,"取消挂单");
|
|
|
|
|
|
+ // 取消挂单
|
|
|
|
+ quxbuy() {
|
|
|
|
+ qxgd({}, this.id).then(res => {
|
|
|
|
+ console.log(res, "取消挂单");
|
|
this.$refs.qumaipop.close()
|
|
this.$refs.qumaipop.close()
|
|
- this.$api.msg(res.msg)
|
|
|
|
-
|
|
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '成功',
|
|
|
|
+ content: '已成功取消挂单',
|
|
|
|
+ showCancel: false,
|
|
|
|
+ });
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
navGet(index) {
|
|
navGet(index) {
|
|
this.tabCurrentIndex = index
|
|
this.tabCurrentIndex = index
|
|
this.getMyNft('tab')
|
|
this.getMyNft('tab')
|
|
@@ -388,17 +427,6 @@
|
|
this.getMyNft('tab')
|
|
this.getMyNft('tab')
|
|
},
|
|
},
|
|
async loadData(sourse) {},
|
|
async loadData(sourse) {},
|
|
- //复制
|
|
|
|
- cope(name) {
|
|
|
|
- uni.setClipboardData({
|
|
|
|
- data: this.name,
|
|
|
|
- success() {
|
|
|
|
- uni.showToast({
|
|
|
|
- title: '复制成功'
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
navTo(url) {
|
|
navTo(url) {
|
|
if (url == '') {
|
|
if (url == '') {
|
|
this.$api.msg('敬请期待');
|
|
this.$api.msg('敬请期待');
|
|
@@ -445,30 +473,30 @@
|
|
let obj = this
|
|
let obj = this
|
|
let index = obj.tabCurrentIndex
|
|
let index = obj.tabCurrentIndex
|
|
let navitem = obj.navList[index]
|
|
let navitem = obj.navList[index]
|
|
- if(type == 'tab' && navitem.loaded) {
|
|
|
|
|
|
+ if (type == 'tab' && navitem.loaded) {
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- if(navitem.loadingType == 'loading' || navitem.loadingType == 'noMore' ) {
|
|
|
|
|
|
+ if (navitem.loadingType == 'loading' || navitem.loadingType == 'noMore') {
|
|
return
|
|
return
|
|
}
|
|
}
|
|
navitem.loadingType = 'loading'
|
|
navitem.loadingType = 'loading'
|
|
- if(index == 0) {
|
|
|
|
|
|
+ if (index == 0) {
|
|
getMyNft({
|
|
getMyNft({
|
|
page: navitem.page,
|
|
page: navitem.page,
|
|
limit: navitem.limit
|
|
limit: navitem.limit
|
|
}).then(res => {
|
|
}).then(res => {
|
|
- console.log(res,'res');
|
|
|
|
|
|
+ // console.log(res, 'res');
|
|
navitem.orderList = navitem.orderList.concat(res.data.list)
|
|
navitem.orderList = navitem.orderList.concat(res.data.list)
|
|
navitem.page++
|
|
navitem.page++
|
|
- if(res.data.list.length == navitem.limit ) {
|
|
|
|
|
|
+ if (res.data.list.length == navitem.limit) {
|
|
navitem.loadingType = 'more'
|
|
navitem.loadingType = 'more'
|
|
- }else {
|
|
|
|
|
|
+ } else {
|
|
navitem.loadingType = 'noMore'
|
|
navitem.loadingType = 'noMore'
|
|
}
|
|
}
|
|
- obj.$set(navitem,'loaded',true)
|
|
|
|
|
|
+ obj.$set(navitem, 'loaded', true)
|
|
})
|
|
})
|
|
}
|
|
}
|
|
- if(index == 1) {
|
|
|
|
|
|
+ if (index == 1) {
|
|
console.log('get22')
|
|
console.log('get22')
|
|
myGdList({
|
|
myGdList({
|
|
page: navitem.page,
|
|
page: navitem.page,
|
|
@@ -476,14 +504,14 @@
|
|
status: 2,
|
|
status: 2,
|
|
}).then(res => {
|
|
}).then(res => {
|
|
navitem.orderList = navitem.orderList.concat(res.data.list)
|
|
navitem.orderList = navitem.orderList.concat(res.data.list)
|
|
- console.log(navitem.orderList,'navitem.orderList');
|
|
|
|
|
|
+ console.log(navitem.orderList, 'navitem.orderList');
|
|
navitem.page++
|
|
navitem.page++
|
|
- if(res.data.list.length == navitem.limit ) {
|
|
|
|
|
|
+ if (res.data.list.length == navitem.limit) {
|
|
navitem.loadingType = 'more'
|
|
navitem.loadingType = 'more'
|
|
- }else {
|
|
|
|
|
|
+ } else {
|
|
navitem.loadingType = 'noMore'
|
|
navitem.loadingType = 'noMore'
|
|
}
|
|
}
|
|
- obj.$set(navitem,'loaded',true)
|
|
|
|
|
|
+ obj.$set(navitem, 'loaded', true)
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -492,7 +520,8 @@
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
- page,.container {
|
|
|
|
|
|
+ page,
|
|
|
|
+ .container {
|
|
width: 750rpx;
|
|
width: 750rpx;
|
|
height: 100%;
|
|
height: 100%;
|
|
background: #111111;
|
|
background: #111111;
|
|
@@ -643,9 +672,12 @@
|
|
margin: 30rpx 0 20rpx;
|
|
margin: 30rpx 0 20rpx;
|
|
width: 25%;
|
|
width: 25%;
|
|
|
|
|
|
|
|
+ .flex-center {
|
|
|
|
+ min-height: 60rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
image {
|
|
image {
|
|
width: 42rpx;
|
|
width: 42rpx;
|
|
- height: 42rpx;
|
|
|
|
margin-bottom: 15rpx;
|
|
margin-bottom: 15rpx;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -867,29 +899,30 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.main-box {
|
|
.main-box {
|
|
margin: 30rpx auto;
|
|
margin: 30rpx auto;
|
|
width: 690rpx;
|
|
width: 690rpx;
|
|
- background:#181818 ;
|
|
|
|
|
|
+ background: #181818;
|
|
// box-shadow: 0px 4rpx 14rpx 0px rgba(229, 229, 229, 0.46);
|
|
// box-shadow: 0px 4rpx 14rpx 0px rgba(229, 229, 229, 0.46);
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
-
|
|
|
|
|
|
+
|
|
.title {
|
|
.title {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
border-bottom: 1px solid #2f2f2f;
|
|
border-bottom: 1px solid #2f2f2f;
|
|
-
|
|
|
|
|
|
+
|
|
.title-left {
|
|
.title-left {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
-
|
|
|
|
|
|
+
|
|
.title-icon {
|
|
.title-icon {
|
|
width: 32rpx;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.title-font {
|
|
.title-font {
|
|
margin-left: 20rpx;
|
|
margin-left: 20rpx;
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
@@ -898,34 +931,36 @@
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.title-right {
|
|
.title-right {
|
|
width: 14rpx;
|
|
width: 14rpx;
|
|
height: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.main {
|
|
.main {
|
|
padding: 50rpx 0 30rpx;
|
|
padding: 50rpx 0 30rpx;
|
|
|
|
+
|
|
.jg {
|
|
.jg {
|
|
width: 1px;
|
|
width: 1px;
|
|
height: 100rpx;
|
|
height: 100rpx;
|
|
background: #EEEEEE;
|
|
background: #EEEEEE;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item {
|
|
.item {
|
|
padding-bottom: 20rpx;
|
|
padding-bottom: 20rpx;
|
|
width: 25%;
|
|
width: 25%;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
align-items: center;
|
|
-
|
|
|
|
|
|
+
|
|
.item-num {
|
|
.item-num {
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
color: #333333;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.item-font {
|
|
.item-font {
|
|
margin-top: 18rpx;
|
|
margin-top: 18rpx;
|
|
font-size: 22rpx;
|
|
font-size: 22rpx;
|
|
@@ -934,18 +969,18 @@
|
|
color: #666666;
|
|
color: #666666;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.oitem {
|
|
.oitem {
|
|
width: 25%;
|
|
width: 25%;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
align-items: center;
|
|
-
|
|
|
|
|
|
+
|
|
.oitem-image {
|
|
.oitem-image {
|
|
height: 50rpx;
|
|
height: 50rpx;
|
|
width: 48rpx;
|
|
width: 48rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.oitem-font {
|
|
.oitem-font {
|
|
margin-top: 20rpx;
|
|
margin-top: 20rpx;
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
@@ -956,6 +991,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.dy-list {
|
|
.dy-list {
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
padding: 30rpx;
|
|
padding: 30rpx;
|