1、查看人数的图标-牵扯页面:首页、搜索、招租列表、招租详情、课程列表、课程详情、收藏列表、足迹列表

2、发布的认证信息弹框的居中
3、首页顶部的搜索框宽度加长,全国缩小
4、个人中心:六个行设置的间距变为40;登录弹框的宽度缩小;未认证和已认证的内间距
5、发布页面的底部按钮的高度调整
6、招租详情的底部按钮栏的高度调整
This commit is contained in:
wangzimeng 2025-08-07 18:20:43 +08:00
parent afb770576e
commit f5ab9a74e4
14 changed files with 580 additions and 514 deletions

View File

@ -63,7 +63,7 @@
</view> </view>
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
</view> </view>
@ -93,7 +93,7 @@
<view class="cons-third"> <view class="cons-third">
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"> src="https://jiangxiaoxian.0rui.cn/eye.png">
</image> </image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
@ -120,7 +120,7 @@
<view class="cons-third"> <view class="cons-third">
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"> src="https://jiangxiaoxian.0rui.cn/eye.png">
</image> </image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>

View File

@ -34,8 +34,7 @@
{ {
"path": "pages/index/user", "path": "pages/index/user",
"style": { "style": {
"navigationBarTitleText": "个人中心", "navigationBarTitleText": "个人中心"
"enablePullDownRefresh": true
}, },
"meta": { "meta": {
"sync": true, "sync": true,

View File

@ -47,7 +47,7 @@
</view> </view>
<view style="display: flex;align-items: center;justify-content: center;"> <view style="display: flex;align-items: center;justify-content: center;">
<image style="width: 26rpx;height: 20rpx;" src="https://jiangxiaoxian.0rui.cn/eye.png"></image> <image style="width: 24rpx;height: 24rpx;" src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{detailRent.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{detailRent.views}}</view>
</view> </view>
</view> </view>
@ -577,7 +577,7 @@
padding-bottom: 0rpx; padding-bottom: 0rpx;
box-sizing: border-box; box-sizing: border-box;
position: fixed; position: fixed;
bottom: 5rpx; bottom: 0rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -602,6 +602,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 32rpx;
line-height: 20rpx;
font-weight: 400;
color: #333333;
} }
} }

View File

@ -81,7 +81,7 @@
</view> </view>
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;align-items: center;justify-content: center;"> <view style="display: flex;align-items: center;justify-content: center;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 6rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 6rpx;">{{item.views}}</view>
</view> </view>

View File

@ -68,7 +68,7 @@
<!-- 详细信息 --> <!-- 详细信息 -->
<view class="first flex flex-column align-items justify-start" <view class="first flex flex-column align-items justify-start"
style="margin-top: 20rpx;padding: 30rpx;"> style="margin-top: 20rpx;padding: 30rpx">
<view class="row align-items" style=""> <view class="row align-items" style="">
<view class="label flex align-items" style="width: auto;"> <view class="label flex align-items" style="width: auto;">
详细信息 详细信息
@ -113,9 +113,9 @@
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image> src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
</view> </view>
</view> </view>
<view class="checkedLabel" style="margin-top: 26rpx;" v-if="selectTagslist.length != 0"> <view class="checkedLabel" style="" v-if="selectTagslist.length != 0">
<view class="tagLab" v-for="(item, index) in selectTagslist" :key="index" style=""> <view class="tagLab" v-for="(item, index) in selectTagslist" :key="index" style="">
<view> <view style="font-size: 24rpx;line-height: 22rpx;color: #F76100;">
{{ item.name }} {{ item.name }}
</view> </view>
<view style="height: 30rpx;width: 1rpx;background-color: #f76100;margin: 0 20rpx;"> <view style="height: 30rpx;width: 1rpx;background-color: #f76100;margin: 0 20rpx;">
@ -136,7 +136,7 @@
</view> </view>
<view style="height: 200rpx;width: 100%;color: #f7f7f7;"></view> <view style="height: 496rpx;width: 100%;color: #f7f7f7;"></view>
<view class="bottomBtn"> <view class="bottomBtn">
<view style="margin:30rpx 0 0 0;display: flex;align-items: center;justify-content: center;"> <view style="margin:30rpx 0 0 0;display: flex;align-items: center;justify-content: center;">
@ -146,7 +146,7 @@
src="https://jiangxiaoxian.0rui.cn/fbxySelected.png"></image> src="https://jiangxiaoxian.0rui.cn/fbxySelected.png"></image>
<view style="font-size: 22rpx;line-height: 31rpx;color: #9C9C9C;display: flex; <view style="font-size: 22rpx;line-height: 31rpx;color: #9C9C9C;display: flex;
justify-content: center;align-items: center;margin-left: 20rpx;" @click="show = true">我已阅读并同意 justify-content: center;align-items: center;margin-left: 20rpx;" @click="show = true">我已阅读并同意
<view style="margin-left: 20rpx;color: #FCC74E;">发布须知</view> <view style="margin-left: 6rpx;color: #FCC74E;font-size: 22rpx;line-height: 31rpx;">发布须知</view>
</view> </view>
</view> </view>
<view class="btns"> <view class="btns">
@ -185,7 +185,7 @@
<su-popup :show="cardShow == true" type="center" round="10" :isMaskClick="false"> <su-popup :show="cardShow == true" type="center" round="10" :isMaskClick="false">
<view class="popupContacted"> <view class="popupContacted">
<view class="contactedBox"> <view class="contactedBox">
<image style="width: 198rpx;height: 122rpx;position: relative;left: 12rpx;" <image style="width: 198rpx;height: 122rpx;position: relative;left: 36rpx;"
src="https://jiangxiaoxian.0rui.cn/couponSuccess.png"></image> src="https://jiangxiaoxian.0rui.cn/couponSuccess.png"></image>
<view <view
style="font-size: 36rpx;line-height: 50rpx;font-weight: 900;color: #3d3d3d;text-align: center;"> style="font-size: 36rpx;line-height: 50rpx;font-weight: 900;color: #3d3d3d;text-align: center;">
@ -350,37 +350,20 @@
getTagList(); getTagList();
getTypeList(); getTypeList();
}) })
// //
function getAuthentied() { function getAuthentied() {
sheep.$api.rent.isAuthentied().then((res) => {
if (res.code == 1) {
if (res.data.status == 1) {
cardShow.value = false;
} else {
cardShow.value = true;
}
}
})
}
//
function getFbKnow() {
sheep.$api.rent.fabuAgree().then((res) => {
if (res.code == 1) {
console.log('发布须知', res.data);
Negotiate.value = res.data.notice_publication_agreement
console.log('发布须知——Negotiate', Negotiate.value);
}
})
}
function toAuthen() {
if (isLogin.value == true) { if (isLogin.value == true) {
cardShow.value = false sheep.$api.rent.isAuthentied().then((res) => {
uni.navigateTo({ if (res.code == 1) {
url: '/pages/user/authentication' if (res.data.status == 1) {
cardShow.value = false;
} else {
cardShow.value = true;
}
}
}) })
} else { }else {
uni.showToast({ uni.showToast({
title: '请先登录', title: '请先登录',
icon: 'none', icon: 'none',
@ -392,10 +375,66 @@
url: '/pages/index/user' url: '/pages/index/user'
}) })
}, 2000); }, 2000);
}
}
function toAuthen() {
console.log('isLogin.value',isLogin.value);
if (isLogin.value == true) {
cardShow.value = false
uni.navigateTo({
url: '/pages/user/authentication'
})
} else {
uni.showToast({
title: '请先登录',
icon: 'none',
})
cardShow.value = false
setTimeout(function() {
uni.switchTab({
url: '/pages/index/user'
})
}, 2000);
} }
} }
//
function getFbKnow() {
if (isLogin.value == true) {
sheep.$api.rent.fabuAgree().then((res) => {
if (res.code == 1) {
console.log('发布须知', res.data);
Negotiate.value = res.data.notice_publication_agreement
console.log('发布须知——Negotiate', Negotiate.value);
}
})
}else {
setTimeout(() => {
uni.showToast({
title: '请先登录',
icon: 'none',
})
}, 500);
setTimeout(() => {
uni.switchTab({
url: '/pages/index/user'
})
}, 2000);
}
}
async function getTagList() { async function getTagList() {
const res = await sheep.$api.rent.tagsList({}); const res = await sheep.$api.rent.tagsList({});
if (res.code == 1) { if (res.code == 1) {
@ -716,10 +755,11 @@
align-items: center; align-items: center;
.tagLab { .tagLab {
width: 197rpx; width: 182rpx;
height: 30rpx; height: 30rpx;
margin-right: 20rpx; margin-right: 8rpx;
margin-bottom: 20rpx; margin-top: 20rpx;
// margin-bottom: 20rpx;
// display: grid; // display: grid;
// box-sizing: border-box; // box-sizing: border-box;
// column-gap: 20rpx; // column-gap: 20rpx;
@ -955,6 +995,7 @@
width: 750rpx; width: 750rpx;
// height: 200rpx; // height: 200rpx;
background: #FFFFFF; background: #FFFFFF;
// margin-top: 30rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@ -970,13 +1011,13 @@
.submitPublish { .submitPublish {
margin-left: 20rpx; margin-left: 20rpx;
width: 100%; width: 100%;
height: 98rpx; height: 100rpx;
// border: 2rpx solid #323232; // border: 2rpx solid #323232;
background-color: #fcc74e; background-color: #fcc74e;
color: #333333; color: #333333;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-size: 36rpx; font-size: 36rpx;
font-weight: 400; font-weight: bold;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
display: grid; display: grid;

View File

@ -12,7 +12,7 @@
src="https://jiangxiaoxian.0rui.cn/locationTop.png" mode=""></image> src="https://jiangxiaoxian.0rui.cn/locationTop.png" mode=""></image>
<view <view
style="margin-left: 10rpx;font-size: 30rpx;font-weight: 800;line-height: 45rpx; style="margin-left: 10rpx;font-size: 30rpx;font-weight: 800;line-height: 45rpx;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 270rpx;"> white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 200rpx;">
{{state.model.city_name ? proCity:'全国' }} {{state.model.city_name ? proCity:'全国' }}
</view> </view>
</view> </view>
@ -117,7 +117,7 @@
</view> </view>
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
</view> </view>
@ -493,7 +493,7 @@
// align-items: center; // align-items: center;
.locTop-left { .locTop-left {
width: 330rpx; width: 250rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
@ -501,7 +501,7 @@
} }
.locTop-right { .locTop-right {
width: 360rpx; width: 426rpx;
height: 70rpx; height: 70rpx;
} }

View File

@ -1,174 +1,192 @@
<template> <template>
<s-layout title="我的" tabbar="/pages/index/user" navbar="custom" :bgStyle="template.style?.background" <s-layout title="我的" tabbar="/pages/index/user" navbar="custom" :bgStyle="template.style?.background"
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true"> :navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true">
<!-- 登录信息 --> <!-- 登录信息 -->
<view class="myBox"> <view class="myBox">
<view @touchmove.prevent scroll-y="true" :show-scrollbar="true"
class="con-center flex flex-start flex-column"> <scroll-view :refresher-enabled="false" scroll-y="true" class="flex align-items"
<view class="header"> style="height: 94vh;box-sizing: border-box;">
<!-- 用户信息 --> <view @touchmove.prevent scroll-y="true" :show-scrollbar="true"
<view class="hea-left flex"> class="con-center flex flex-start flex-column">
<view class="head-avatar" v-if="isLogin == true" @click="sheep.$router.go('/pages/user/info')"> <view class="header">
<image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;" :src="baseUrl + userInfo.avatar"></image> <!-- 用户信息 -->
</view> <view class="hea-left flex">
<view class="head-avatar" v-else @click="toLogin"> <view class="head-avatar" v-if="isLogin == true"
<image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;" src="/static/wechat.png"> @click="sheep.$router.go('/pages/user/info')">
</image> <image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;"
</view> :src="baseUrl + userInfo.avatar"></image>
<view class="headAvatar-info justify-start">
<view class="info-name fs-36 weight8 flexD" v-if="isLogin == true">
<view style="font-weight: 800;" @click="sheep.$router.go('/pages/user/info')">{{ userInfo.nickname}} </view>
<view class="UnAuthenBox weight8 fs-20" v-if="authenInfo.status == -1 " @click="toPage('/pages/user/authentication')">未认证</view>
<view class="authenticationBox weight8 fs-20" v-if="authenInfo.status == 1 ">已认证</view>
</view> </view>
<view class="info-name fs-36 weight8 flexD" v-else> <view class="head-avatar" v-else @click="toLogin">
<view style="font-weight: 800;" @click="toLogin">登录/注册</view> <image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;"
<!-- <view class="UnAuthenBox weight8 fs-20" v-if="authenInfo.status == -1 && isLogin == true">未认证</view> src="/static/wechat.png">
<view class="authenticationBox weight8 fs-20" v-if="authenInfo.status == 1 && isLogin == true">已认证</view> --> </image>
</view> </view>
<view class="fs-28 weight4" style="margin-top: 30rpx;">剩余拨打次数 {{ userInfo.all_mobile_num ? userInfo.all_mobile_num : 0 }}</view> <view class="headAvatar-info justify-start">
</view> <view class="info-name fs-36 weight8 flexD" v-if="isLogin == true">
<view class="head-signInBox" @click="toPage('/pages/app/sign')"> <view style="font-weight: 800;" @click="sheep.$router.go('/pages/user/info')">
<image style="width: 46rpx;height: 44rpx;" src="https://jiangxiaoxian.0rui.cn/signIn.png" {{ userInfo.nickname}} </view>
mode=""></image> <view class="UnAuthenBox weight8 fs-20" v-if="authenInfo.status == -1 "
<view class="signInText" style="margin-left: 10rpx;">签到</view> @click="toPage('/pages/user/authentication')">未认证</view>
<view class="authenticationBox weight8 fs-20" v-if="authenInfo.status == 1 ">已认证
</view>
</view>
<view class="info-name fs-36 weight8 flexD" v-else>
<view style="font-weight: 800;" @click="toLogin">登录/注册</view>
<!-- <view class="UnAuthenBox weight8 fs-20" v-if="authenInfo.status == -1 && isLogin == true">未认证</view>
<view class="authenticationBox weight8 fs-20" v-if="authenInfo.status == 1 && isLogin == true">已认证</view> -->
</view>
<view class="fs-28 weight4" style="margin-top: 30rpx;">剩余拨打次数
{{ userInfo.all_mobile_num ? userInfo.all_mobile_num : 0 }}</view>
</view>
<view class="head-signInBox" @click="toPage('/pages/app/sign')">
<image style="width: 46rpx;height: 44rpx;"
src="https://jiangxiaoxian.0rui.cn/signIn.png" mode=""></image>
<view class="signInText" style="margin-left: 10rpx;">签到</view>
</view>
</view> </view>
<!-- 四个主内容 -->
<view class="head-secondBox">
<view class="collect" @click="toPage('/pages/user/goods-collect')">
<view class="collect-num">{{ userInfo.collect_number ? userInfo.collect_number : 0 }}
</view>
<view class="collect-text">收藏</view>
</view>
<view class="feetPrint" @click="toPage('/pages/user/goods-log')">
<view class="feetPrint-num">
{{ userInfo.footprint_number ? userInfo.footprint_number : 0 }}</view>
<view class="feetPrint-text">足迹</view>
</view>
<view class="feetPrint" @click="toPage('/pages/user/wallet/score')">
<view class="feetPrint-num">{{ userInfo.score ? userInfo.score : 0 }}</view>
<view class="feetPrint-text">积分</view>
</view>
<view class="collect" @click="toPage('/pages/coupon/list')">
<view class="collect-num">{{ userInfo.coupon_number ? userInfo.coupon_number : 0 }}
</view>
<view class="collect-text">优惠券</view>
</view>
</view>
</view> </view>
<!-- 四个主内容 --> <!-- 我的订单 -->
<view class="head-secondBox"> <view class="myOrder">
<view class="collect" @click="toPage('/pages/user/goods-collect')"> <view class="myOrder-first" @click="toPage('/pages/order/list')">
<view class="collect-num">{{ userInfo.collect_number ? userInfo.collect_number : 0 }}</view> <view style="font-weight: 800;font-size: 34rpx;line-height: 28rpx;color: #3d3d3d;">我的订单
<view class="collect-text">收藏</view> </view>
<view style="display: flex;align-items: center;justify-content: center;">
<view style="font-size: 26rpx;line-height: 26rpx;font-weight: 400;color: #999999;">全部订单
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
<!-- <uni-icons type="arrowthinright" color="#999" style="line-height: 40px;"></uni-icons> -->
</view>
</view> </view>
<view class="feetPrint" @click="toPage('/pages/user/goods-log')"> <view class="myOrder-second">
<view class="feetPrint-num">{{ userInfo.footprint_number ? userInfo.footprint_number : 0 }}</view> <view class="pendingBox" @click="toPage('/pages/order/list?type=1')">
<view class="feetPrint-text">足迹</view> <image class="pendImg" src="https://jiangxiaoxian.0rui.cn/pendPay.png"></image>
</view> <view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待支付</view>
<view class="feetPrint" @click="toPage('/pages/user/wallet/score')"> </view>
<view class="feetPrint-num">{{ userInfo.score ? userInfo.score : 0 }}</view> <view class="pendingBox" @click="toPage('/pages/order/list?type=2')">
<view class="feetPrint-text">积分</view> <image class="pendImg" src="https://jiangxiaoxian.0rui.cn/shipment.png"></image>
</view> <view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待发货</view>
<view class="collect" @click="toPage('/pages/coupon/list')"> </view>
<view class="collect-num">{{ userInfo.coupon_number ? userInfo.coupon_number : 0 }}</view> <view class="pendingBox" @click="toPage('/pages/order/list?type=3')">
<view class="collect-text">优惠券</view> <image class="pendImg" src="https://jiangxiaoxian.0rui.cn/pendingDoods.png"></image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待收货</view>
</view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=4')">
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/completed.png"></image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">已完成</view>
</view>
</view> </view>
</view> </view>
</view>
<!-- 我的订单 --> <!-- 发布分享等 -->
<view class="myOrder"> <view class="sixBox">
<view class="myOrder-first" @click="toPage('/pages/order/list')"> <!-- 我的发布 -->
<view style="font-weight: 800;font-size: 34rpx;line-height: 28rpx;color: #3d3d3d;">我的订单</view> <view class="fabuBox" @click="toPage('/pages/user/myRelease/list')">
<view style="display: flex;align-items: center;justify-content: center;"> <view class="flex align-items">
<view style="font-size: 26rpx;line-height: 26rpx;font-weight: 400;color: #999999;">全部订单 <image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/myRelease.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">我的发布
</view>
</view> </view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;" <image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image> src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
<!-- <uni-icons type="arrowthinright" color="#999" style="line-height: 40px;"></uni-icons> -->
</view>
</view>
<view class="myOrder-second">
<view class="pendingBox" @click="toPage('/pages/order/list?type=1')">
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/pendPay.png"></image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待支付</view>
</view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=2')">
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/shipment.png"></image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待发货</view>
</view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=3')">
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/pendingDoods.png"></image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待收货</view>
</view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=4')">
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/completed.png"></image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">已完成</view>
</view> </view>
<view class="line-row" style="margin: 40rpx 0;"></view>
<!-- 积分商城 -->
<view class="fabuBox" @click="toPage('/pages/app/score-shop')">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/points.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">积分商城
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 40rpx 0;"></view>
<!-- 分享好友 -->
<view class="fabuBox" @click="showShareModal">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/share.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">分享好友
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 40rpx 0;"></view>
<!-- 官方客服 -->
<view class="fabuBox" @click="toPage('/pages/chat/index')">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/service.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">官方客服
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 40rpx 0;"></view>
<!-- 意见反馈 -->
<view class="fabuBox" @click="toPage('/pages/public/feedback')">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/feedBack.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">意见反馈
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 40rpx 0;"></view>
<!-- 设置 -->
<view class="fabuBox" @click="toSetting">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/setUp.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">设置
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
</view> </view>
<view style="height: 180rpx;width: 100%;"></view>
</view> </view>
<!-- 发布分享等 --> </scroll-view>
<view class="sixBox">
<!-- 我的发布 -->
<view class="fabuBox" @click="toPage('/pages/user/myRelease/list')">
<view class="flex align-items" >
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/myRelease.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">我的发布
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 30rpx 0;"></view>
<!-- 积分商城 -->
<view class="fabuBox" @click="toPage('/pages/app/score-shop')">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/points.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">积分商城
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 30rpx 0;"></view>
<!-- 分享好友 -->
<view class="fabuBox" @click="showShareModal">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/share.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">分享好友
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 30rpx 0;"></view>
<!-- 官方客服 -->
<view class="fabuBox" @click="toPage('/pages/chat/index')">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/service.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">官方客服
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 30rpx 0;"></view>
<!-- 意见反馈 -->
<view class="fabuBox" @click="toPage('/pages/public/feedback')">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/feedBack.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;">意见反馈
</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
<view class="line-row" style="margin: 30rpx 0;"></view>
<!-- 设置 -->
<view class="fabuBox" @click="toSetting">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/setUp.png"></image>
<view style="font-size: 30rpx;font-weight: 800;line-height: 28rpx;color: #333333;" >设置</view>
</view>
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
</view>
</view> <su-popup :show="showLogin == true" type="center" round="10" :isMaskClick="false">
<view style="height: 180rpx;width: 100%;"></view>
</view>
<su-popup :show="showLogin == true" type="center" round="10" :isMaskClick="false" >
<view class="popup"> <view class="popup">
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"> <button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
@ -308,12 +326,12 @@
// //
function toSetting() { function toSetting() {
console.log('isLogin',isLogin.value); console.log('isLogin', isLogin.value);
if(isLogin.value == true){ if (isLogin.value == true) {
uni.navigateTo({ uni.navigateTo({
url:'/pages/user/info' url: '/pages/user/info'
}) })
}else { } else {
uni.showToast({ uni.showToast({
title: '请先登录', title: '请先登录',
icon: 'none' icon: 'none'
@ -323,11 +341,11 @@
// //
const toPage = (e) => { const toPage = (e) => {
if(isLogin.value == true) { if (isLogin.value == true) {
uni.navigateTo({ uni.navigateTo({
url: e url: e
}) })
}else{ } else {
uni.showToast({ uni.showToast({
title: '请先登录', title: '请先登录',
icon: 'none', icon: 'none',
@ -473,7 +491,7 @@
height: 30rpx; height: 30rpx;
color: #8D93B3; color: #8D93B3;
display: flex; display: flex;
padding: 5rpx 10rpx 9rpx 10rpx; padding: 5rpx 10rpx;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@ -487,7 +505,7 @@
height: 30rpx; height: 30rpx;
color: #fecc4e; color: #fecc4e;
display: flex; display: flex;
padding: 5rpx 10rpx 8rpx 10rpx; padding: 5rpx 10rpx;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@ -650,7 +668,7 @@
height: 1rpx; height: 1rpx;
background: #EEEEEE; background: #EEEEEE;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 30rpx 0; margin: 40rpx 0;
} }
} }
@ -662,7 +680,7 @@
.popup { .popup {
background-image: url('https://jiangxiaoxian.0rui.cn/showLogin.png'); background-image: url('https://jiangxiaoxian.0rui.cn/showLogin.png');
background-size: 100%; background-size: 100%;
width: 600rpx; width: 540rpx;
height: 640rpx; height: 640rpx;
display: flex; display: flex;
padding-bottom: 44rpx; padding-bottom: 44rpx;
@ -708,6 +726,4 @@
// margin: 0 auto; // margin: 0 auto;
} }
} }
</style> </style>

View File

@ -31,7 +31,7 @@
<view class="cons-third"> <view class="cons-third">
<view class="title5" style="">发布时间 {{detailClass.release_time_text}}</view> <view class="title5" style="">发布时间 {{detailClass.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" src="https://jiangxiaoxian.0rui.cn/eye.png"></image> <image style="width: 24rpx;height: 24rpx;" src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{detailClass.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{detailClass.views}}</view>
</view> </view>
</view> </view>
@ -478,7 +478,7 @@
.footer-box { .footer-box {
width: 100%; width: 100%;
height: 98rpx; height: 140rpx;
padding-bottom: 0rpx; padding-bottom: 0rpx;
box-sizing: border-box; box-sizing: border-box;
position: fixed; position: fixed;
@ -492,7 +492,7 @@
.icon-box { .icon-box {
width: 36%; width: 36%;
height: 98rpx; height: 110rpx;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
@ -503,7 +503,7 @@
background-color: #fcc74e; background-color: #fcc74e;
color: #333333; color: #333333;
width: 64%; width: 64%;
height: 98rpx; height: 110rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -513,7 +513,7 @@
background-color: #999999; background-color: #999999;
color: #ffffff; color: #ffffff;
width: 64%; width: 64%;
height: 98rpx; height: 110rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@ -36,7 +36,7 @@
<view class="cons-third"> <view class="cons-third">
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"> src="https://jiangxiaoxian.0rui.cn/eye.png">
</image> </image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>

View File

@ -41,7 +41,7 @@
</view> </view>
<view class="title3">{{e.information.release_time_text.split(' ')[0]}}</view> <view class="title3">{{e.information.release_time_text.split(' ')[0]}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 6rpx;">{{e.information.views}} <view class="title3" style="margin-left: 6rpx;">{{e.information.views}}
</view> </view>

View File

@ -41,7 +41,7 @@
</view> </view>
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
</view> </view>
@ -89,7 +89,7 @@
</view> </view>
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
</view> </view>
@ -139,7 +139,7 @@
</view> </view>
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
</view> </view>

View File

@ -1,308 +1,313 @@
<template> <template>
<view class="uni-file-picker__container"> <view class="uni-file-picker__container">
<view class="file-picker__box" v-for="(url, index) in list" :key="index" :style="boxStyle"> <!-- <view class="file-picker__box" v-for="(url, index) in list" :key="index" :style="boxStyle"> -->
<view class="file-picker__box-content" :style="borderStyle"> <view class="file-picker__box" v-for="(url, index) in list" :key="index" style="width: 110px;height: 110px;margin-right: 16rpx;">
<image <!-- <view class="file-picker__box-content" :style="borderStyle"> -->
class="file-image" <view class="file-picker__box-content" style="width: 110px;height: 110px;">
:src="getImageUrl(url)" <image class="file-image" :src="getImageUrl(url)" mode="aspectFill"
mode="aspectFill" @click.stop="previewImage(url, index)"></image>
@click.stop="previewImage(url, index)" <view v-if="delIcon && !readonly" class="icon-del-box" @click.stop="delFile(index)">
></image> <view class="icon-del"></view>
<view v-if="delIcon && !readonly" class="icon-del-box" @click.stop="delFile(index)"> <view class="icon-del rotate"></view>
<view class="icon-del"></view> </view>
<view class="icon-del rotate"></view> <!-- <view v-if="item.errMsg" class="file-picker__mask" @click.stop="uploadFiles(item, index)">
</view>
<!-- <view v-if="item.errMsg" class="file-picker__mask" @click.stop="uploadFiles(item, index)">
点击重试 点击重试
</view> --> </view> -->
</view> </view>
</view> </view>
<view v-if="list.length < limit && !readonly" class="file-picker__box" :style="boxStyle"> <!-- <view v-if="list.length < limit && !readonly" class="file-picker__box" :style="boxStyle"> -->
<view class="file-picker__box-content is-add" :style="borderStyle" @click="choose"> <view v-if="list.length < limit && !readonly" class="file-picker__box" style="width: 110px;height: 110px;">
<slot> <view class="file-picker__box-content is-add" :style="borderStyle" @click="choose">
<view class="icon-add"></view> <slot>
<view class="icon-add rotate"></view> <view class="icon-add"></view>
</slot> <view class="icon-add rotate"></view>
</view> </slot>
</view> </view>
</view> </view>
</view>
</template> </template>
<script> <script>
import sheep from '@/sheep'; import sheep from '@/sheep';
export default { export default {
name: 'uploadImage', name: 'uploadImage',
emits: ['uploadFiles', 'choose', 'delFile'], emits: ['uploadFiles', 'choose', 'delFile'],
props: { props: {
filesList: { filesList: {
type: [Array, String], type: [Array, String],
default() { default () {
return []; return [];
}, },
}, },
disabled: { disabled: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
disablePreview: { disablePreview: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
limit: { limit: {
type: [Number, String], type: [Number, String],
default: 9, default: 9,
}, },
imageStyles: { imageStyles: {
type: Object, type: Object,
default() { default () {
return { return {
width: 'auto', width: 'auto',
height: 'auto', height: 'auto',
border: {}, border: {},
}; };
}, },
}, },
delIcon: { delIcon: {
type: Boolean, type: Boolean,
default: true, default: true,
}, },
readonly: { readonly: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
}, },
computed: { computed: {
list() { list() {
if (typeof this.filesList === 'string') { if (typeof this.filesList === 'string') {
if(this.filesList){ if (this.filesList) {
return [this.filesList]; return [this.filesList];
}else{ } else {
return [] return []
} }
} }
return this.filesList; return this.filesList;
}, },
styles() { styles() {
let styles = { let styles = {
width: 'auto', width: 'auto',
height: 'auto', height: 'auto',
border: {}, border: {},
}; };
return Object.assign(styles, this.imageStyles); return Object.assign(styles, this.imageStyles);
}, },
boxStyle() { boxStyle() {
const { width = 'auto', height = 'auto' } = this.styles; const {
let obj = {}; width = 'auto', height = 'auto'
if (height === 'auto') { } = this.styles;
if (width !== 'auto') { let obj = {};
obj.height = this.value2px(width); if (height === 'auto') {
obj['padding-top'] = 0; if (width !== 'auto') {
} else { obj.height = this.value2px(width);
obj.height = 0; obj['padding-top'] = 0;
} } else {
} else { obj.height = 0;
obj.height = this.value2px(height); }
obj['padding-top'] = 0; } else {
} obj.height = this.value2px(height);
obj['padding-top'] = 0;
}
if (width === 'auto') { if (width === 'auto') {
if (height !== 'auto') { if (height !== 'auto') {
obj.width = this.value2px(height); obj.width = this.value2px(height);
} else { } else {
obj.width = '33.3%'; obj.width = '33.3%';
} }
} else { } else {
obj.width = this.value2px(width); obj.width = this.value2px(width);
} }
let classles = ''; let classles = '';
for (let i in obj) { for (let i in obj) {
classles += `${i}:${obj[i]};`; classles += `${i}:${obj[i]};`;
} }
return classles; return classles;
}, },
borderStyle() { borderStyle() {
let { border } = this.styles; let {
let obj = {}; border
const widthDefaultValue = 1; } = this.styles;
const radiusDefaultValue = 3; let obj = {};
if (typeof border === 'boolean') { const widthDefaultValue = 1;
obj.border = border ? '1px #eee solid' : 'none'; const radiusDefaultValue = 3;
} else { if (typeof border === 'boolean') {
let width = (border && border.width) || widthDefaultValue; obj.border = border ? '1px #eee solid' : 'none';
width = this.value2px(width); } else {
let radius = (border && border.radius) || radiusDefaultValue; let width = (border && border.width) || widthDefaultValue;
radius = this.value2px(radius); width = this.value2px(width);
obj = { let radius = (border && border.radius) || radiusDefaultValue;
'border-width': width, radius = this.value2px(radius);
'border-style': (border && border.style) || 'solid', obj = {
'border-color': (border && border.color) || '#eee', 'border-width': width,
'border-radius': radius, 'border-style': (border && border.style) || 'solid',
}; 'border-color': (border && border.color) || '#eee',
} 'border-radius': radius,
let classles = ''; };
for (let i in obj) { }
classles += `${i}:${obj[i]};`; let classles = '';
} for (let i in obj) {
return classles; classles += `${i}:${obj[i]};`;
}, }
}, return classles;
methods: { },
getImageUrl(url) { },
if ('blob:http:' === url.substr(0, 10)) { methods: {
return url; getImageUrl(url) {
} else { if ('blob:http:' === url.substr(0, 10)) {
return sheep.$url.cdn(url); return url;
} } else {
}, return sheep.$url.cdn(url);
uploadFiles(item, index) { }
this.$emit('uploadFiles', item); },
}, uploadFiles(item, index) {
choose() { this.$emit('uploadFiles', item);
this.$emit('choose'); },
}, choose() {
delFile(index) { this.$emit('choose');
this.$emit('delFile', index); },
}, delFile(index) {
previewImage(img, index) { this.$emit('delFile', index);
let urls = []; },
if (Number(this.limit) === 1 && this.disablePreview && !this.disabled) { previewImage(img, index) {
this.$emit('choose'); let urls = [];
} if (Number(this.limit) === 1 && this.disablePreview && !this.disabled) {
if (this.disablePreview) return; this.$emit('choose');
this.list.forEach((i) => { }
urls.push(this.getImageUrl(i)); if (this.disablePreview) return;
}); this.list.forEach((i) => {
urls.push(this.getImageUrl(i));
});
uni.previewImage({ uni.previewImage({
urls: urls, urls: urls,
current: index, current: index,
}); });
}, },
value2px(value) { value2px(value) {
if (typeof value === 'number') { if (typeof value === 'number') {
value += 'px'; value += 'px';
} else { } else {
if (value.indexOf('%') === -1) { if (value.indexOf('%') === -1) {
value = value.indexOf('px') !== -1 ? value : value + 'px'; value = value.indexOf('px') !== -1 ? value : value + 'px';
} }
} }
return value; return value;
}, },
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.uni-file-picker__container { .uni-file-picker__container {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
/* #endif */ /* #endif */
flex-wrap: wrap; flex-wrap: wrap;
margin: -5px; margin: -5px;
} }
.file-picker__box { .file-picker__box {
position: relative; position: relative;
// flex: 0 0 33.3%; // flex: 0 0 33.3%;
width: 33.3%; width: 33.3%;
height: 0; height: 0;
padding-top: 33.33%; padding-top: 33.33%;
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
box-sizing: border-box; box-sizing: border-box;
/* #endif */ /* #endif */
} }
.file-picker__box-content { .file-picker__box-content {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
margin: 5px; margin: 5px;
// border: 1px #f7f7f7 solid; // border: 1px #f7f7f7 solid;
background-color: #f7f7f7; background-color: #f7f7f7;
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
} }
.file-picker__progress { .file-picker__progress {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
/* border: 1px red solid; */ /* border: 1px red solid; */
z-index: 2; z-index: 2;
} }
.file-picker__progress-item { .file-picker__progress-item {
width: 100%; width: 100%;
} }
.file-picker__mask { .file-picker__mask {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
/* #endif */ /* #endif */
justify-content: center; justify-content: center;
align-items: center; align-items: center;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
} }
.file-image { .file-image {
width: 100%; width: 110px;
height: 100%; height: 110px;
} // width: 100%;
// height: 100%;
}
.is-add { .is-add {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
/* #endif */ /* #endif */
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.icon-add { .icon-add {
width: 50px; width: 50px;
height: 5px; height: 5px;
background-color: #f1f1f1; background-color: #f1f1f1;
border-radius: 2px; border-radius: 2px;
} }
.rotate { .rotate {
position: absolute; position: absolute;
transform: rotate(90deg); transform: rotate(90deg);
} }
.icon-del-box { .icon-del-box {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
/* #endif */ /* #endif */
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
top: 3px; top: 3px;
right: 3px; right: 3px;
height: 26px; height: 26px;
width: 26px; width: 26px;
border-radius: 50%; border-radius: 50%;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
z-index: 2; z-index: 2;
transform: rotate(-45deg); transform: rotate(-45deg);
} }
.icon-del { .icon-del {
width: 15px; width: 15px;
height: 2px; height: 2px;
background-color: #fff; background-color: #fff;
border-radius: 2px; border-radius: 2px;
} }
</style> </style>

View File

@ -98,7 +98,7 @@
pid: 0 pid: 0
}] }]
const areaData = proFirst.concat(uni.getStorageSync('areaCity')) const areaData = proFirst.concat(uni.getStorageSync('areaCity'))
console.log('province',provinceList,uni.getStorageSync('areaCity')); console.log('province',uni.getStorageSync('areaCity'));
const getSizeByNameLength = (name) => { const getSizeByNameLength = (name) => {
// if (!name) return ''; // // if (!name) return ''; //

View File

@ -205,7 +205,8 @@
box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06); box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
&__item-wrapper { &__item-wrapper {
height: 50px; height: 52px;
padding-top: 12rpx;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;