1、查看人数的图标-牵扯页面：首页、搜索、招租列表、招租详情、课程列表、课程详情、收藏列表、足迹列表
2、发布的认证信息弹框的居中 3、首页顶部的搜索框宽度加长，全国缩小 4、个人中心：六个行设置的间距变为40；登录弹框的宽度缩小；未认证和已认证的内间距 5、发布页面的底部按钮的高度调整 6、招租详情的底部按钮栏的高度调整
This commit is contained in:
parent
afb770576e
commit
f5ab9a74e4
@ -63,7 +63,7 @@
|
||||
</view>
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
</view>
|
||||
@ -93,7 +93,7 @@
|
||||
<view class="cons-third">
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png">
|
||||
</image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
@ -120,7 +120,7 @@
|
||||
<view class="cons-third">
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png">
|
||||
</image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
|
||||
@ -34,8 +34,7 @@
|
||||
{
|
||||
"path": "pages/index/user",
|
||||
"style": {
|
||||
"navigationBarTitleText": "个人中心",
|
||||
"enablePullDownRefresh": true
|
||||
"navigationBarTitleText": "个人中心"
|
||||
},
|
||||
"meta": {
|
||||
"sync": true,
|
||||
|
||||
@ -47,7 +47,7 @@
|
||||
</view>
|
||||
|
||||
<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>
|
||||
</view>
|
||||
@ -577,7 +577,7 @@
|
||||
padding-bottom: 0rpx;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
bottom: 5rpx;
|
||||
bottom: 0rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -602,6 +602,10 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 32rpx;
|
||||
line-height: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -81,7 +81,7 @@
|
||||
</view>
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<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>
|
||||
<view class="title3" style="margin-left: 6rpx;">{{item.views}}</view>
|
||||
</view>
|
||||
|
||||
@ -68,7 +68,7 @@
|
||||
|
||||
<!-- 详细信息 -->
|
||||
<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="label flex align-items" style="width: auto;">
|
||||
详细信息
|
||||
@ -113,9 +113,9 @@
|
||||
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
|
||||
</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>
|
||||
<view style="font-size: 24rpx;line-height: 22rpx;color: #F76100;">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
<view style="height: 30rpx;width: 1rpx;background-color: #f76100;margin: 0 20rpx;">
|
||||
@ -136,7 +136,7 @@
|
||||
|
||||
</view>
|
||||
|
||||
<view style="height: 200rpx;width: 100%;color: #f7f7f7;"></view>
|
||||
<view style="height: 496rpx;width: 100%;color: #f7f7f7;"></view>
|
||||
|
||||
<view class="bottomBtn">
|
||||
<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>
|
||||
<view style="font-size: 22rpx;line-height: 31rpx;color: #9C9C9C;display: flex;
|
||||
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 class="btns">
|
||||
@ -185,7 +185,7 @@
|
||||
<su-popup :show="cardShow == true" type="center" round="10" :isMaskClick="false">
|
||||
<view class="popupContacted">
|
||||
<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>
|
||||
<view
|
||||
style="font-size: 36rpx;line-height: 50rpx;font-weight: 900;color: #3d3d3d;text-align: center;">
|
||||
@ -350,37 +350,20 @@
|
||||
getTagList();
|
||||
getTypeList();
|
||||
})
|
||||
|
||||
//身份认证
|
||||
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) {
|
||||
cardShow.value = false
|
||||
uni.navigateTo({
|
||||
url: '/pages/user/authentication'
|
||||
sheep.$api.rent.isAuthentied().then((res) => {
|
||||
if (res.code == 1) {
|
||||
if (res.data.status == 1) {
|
||||
cardShow.value = false;
|
||||
} else {
|
||||
cardShow.value = true;
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
|
||||
}else {
|
||||
uni.showToast({
|
||||
title: '请先登录',
|
||||
icon: 'none',
|
||||
@ -392,10 +375,66 @@
|
||||
url: '/pages/index/user'
|
||||
})
|
||||
}, 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() {
|
||||
const res = await sheep.$api.rent.tagsList({});
|
||||
if (res.code == 1) {
|
||||
@ -716,10 +755,11 @@
|
||||
align-items: center;
|
||||
|
||||
.tagLab {
|
||||
width: 197rpx;
|
||||
width: 182rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
margin-right: 8rpx;
|
||||
margin-top: 20rpx;
|
||||
// margin-bottom: 20rpx;
|
||||
// display: grid;
|
||||
// box-sizing: border-box;
|
||||
// column-gap: 20rpx;
|
||||
@ -955,6 +995,7 @@
|
||||
width: 750rpx;
|
||||
// height: 200rpx;
|
||||
background: #FFFFFF;
|
||||
// margin-top: 30rpx;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
@ -970,13 +1011,13 @@
|
||||
.submitPublish {
|
||||
margin-left: 20rpx;
|
||||
width: 100%;
|
||||
height: 98rpx;
|
||||
height: 100rpx;
|
||||
// border: 2rpx solid #323232;
|
||||
background-color: #fcc74e;
|
||||
color: #333333;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
font-size: 36rpx;
|
||||
font-weight: 400;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
src="https://jiangxiaoxian.0rui.cn/locationTop.png" mode=""></image>
|
||||
<view
|
||||
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:'全国' }}
|
||||
</view>
|
||||
</view>
|
||||
@ -117,7 +117,7 @@
|
||||
</view>
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
</view>
|
||||
@ -493,7 +493,7 @@
|
||||
// align-items: center;
|
||||
|
||||
.locTop-left {
|
||||
width: 330rpx;
|
||||
width: 250rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
@ -501,7 +501,7 @@
|
||||
}
|
||||
|
||||
.locTop-right {
|
||||
width: 360rpx;
|
||||
width: 426rpx;
|
||||
height: 70rpx;
|
||||
|
||||
}
|
||||
|
||||
@ -1,176 +1,194 @@
|
||||
<template>
|
||||
<s-layout title="我的" tabbar="/pages/index/user" navbar="custom" :bgStyle="template.style?.background"
|
||||
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true">
|
||||
|
||||
<!-- 登录信息 -->
|
||||
<view class="myBox">
|
||||
<view @touchmove.prevent scroll-y="true" :show-scrollbar="true"
|
||||
class="con-center flex flex-start flex-column">
|
||||
<view class="header">
|
||||
<!-- 用户信息 -->
|
||||
<view class="hea-left flex">
|
||||
<view class="head-avatar" v-if="isLogin == true" @click="sheep.$router.go('/pages/user/info')">
|
||||
<image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;" :src="baseUrl + userInfo.avatar"></image>
|
||||
</view>
|
||||
<view class="head-avatar" v-else @click="toLogin">
|
||||
<image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;" src="/static/wechat.png">
|
||||
</image>
|
||||
</view>
|
||||
<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>
|
||||
|
||||
<scroll-view :refresher-enabled="false" scroll-y="true" class="flex align-items"
|
||||
style="height: 94vh;box-sizing: border-box;">
|
||||
<view @touchmove.prevent scroll-y="true" :show-scrollbar="true"
|
||||
class="con-center flex flex-start flex-column">
|
||||
<view class="header">
|
||||
<!-- 用户信息 -->
|
||||
<view class="hea-left flex">
|
||||
<view class="head-avatar" v-if="isLogin == true"
|
||||
@click="sheep.$router.go('/pages/user/info')">
|
||||
<image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;"
|
||||
:src="baseUrl + userInfo.avatar"></image>
|
||||
</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 class="head-avatar" v-else @click="toLogin">
|
||||
<image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;"
|
||||
src="/static/wechat.png">
|
||||
</image>
|
||||
</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 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 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 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 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 class="myOrder">
|
||||
<view class="myOrder-first" @click="toPage('/pages/order/list')">
|
||||
<view style="font-weight: 800;font-size: 34rpx;line-height: 28rpx;color: #3d3d3d;">我的订单
|
||||
</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 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 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>
|
||||
</view>
|
||||
|
||||
<!-- 我的订单 -->
|
||||
<view class="myOrder">
|
||||
<view class="myOrder-first" @click="toPage('/pages/order/list')">
|
||||
<view style="font-weight: 800;font-size: 34rpx;line-height: 28rpx;color: #3d3d3d;">我的订单</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 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>
|
||||
<!-- <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 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 style="height: 180rpx;width: 100%;"></view>
|
||||
</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>
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view style="height: 180rpx;width: 100%;"></view>
|
||||
</view>
|
||||
|
||||
<su-popup :show="showLogin == true" type="center" round="10" :isMaskClick="false" >
|
||||
<su-popup :show="showLogin == true" type="center" round="10" :isMaskClick="false">
|
||||
<view class="popup">
|
||||
|
||||
|
||||
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
||||
<!-- <image style="width: 100%;height: 136rpx;" src="https://jiangxiaoxian.0rui.cn/loginBtn.png"></image> -->
|
||||
<!-- 授权登录 -->
|
||||
@ -305,41 +323,41 @@
|
||||
resolve(false);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//设置跳转页面
|
||||
function toSetting() {
|
||||
console.log('isLogin',isLogin.value);
|
||||
if(isLogin.value == true){
|
||||
console.log('isLogin', isLogin.value);
|
||||
if (isLogin.value == true) {
|
||||
uni.navigateTo({
|
||||
url:'/pages/user/info'
|
||||
url: '/pages/user/info'
|
||||
})
|
||||
}else {
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '请先登录',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//页面跳转
|
||||
const toPage = (e) => {
|
||||
if(isLogin.value == true) {
|
||||
if (isLogin.value == true) {
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
})
|
||||
}else{
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '请先登录',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
|
||||
// setTimeout(function() {
|
||||
// uni.switchTab({
|
||||
// url: '/pages/index/user'
|
||||
// })
|
||||
// }, 2000);
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -464,7 +482,7 @@
|
||||
justify-content: flex-start;
|
||||
font-weight: 900rpx;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.UnAuthenBox {
|
||||
margin-left: 10rpx;
|
||||
background-color: #EBECEE;
|
||||
@ -473,11 +491,11 @@
|
||||
height: 30rpx;
|
||||
color: #8D93B3;
|
||||
display: flex;
|
||||
padding: 5rpx 10rpx 9rpx 10rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.authenticationBox {
|
||||
margin-left: 10rpx;
|
||||
@ -487,7 +505,7 @@
|
||||
height: 30rpx;
|
||||
color: #fecc4e;
|
||||
display: flex;
|
||||
padding: 5rpx 10rpx 8rpx 10rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
@ -650,7 +668,7 @@
|
||||
height: 1rpx;
|
||||
background: #EEEEEE;
|
||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||
margin: 30rpx 0;
|
||||
margin: 40rpx 0;
|
||||
}
|
||||
|
||||
}
|
||||
@ -662,7 +680,7 @@
|
||||
.popup {
|
||||
background-image: url('https://jiangxiaoxian.0rui.cn/showLogin.png');
|
||||
background-size: 100%;
|
||||
width: 600rpx;
|
||||
width: 540rpx;
|
||||
height: 640rpx;
|
||||
display: flex;
|
||||
padding-bottom: 44rpx;
|
||||
@ -708,6 +726,4 @@
|
||||
// margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -31,7 +31,7 @@
|
||||
<view class="cons-third">
|
||||
<view class="title5" style="">发布时间： {{detailClass.release_time_text}}</view>
|
||||
<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>
|
||||
</view>
|
||||
@ -478,7 +478,7 @@
|
||||
|
||||
.footer-box {
|
||||
width: 100%;
|
||||
height: 98rpx;
|
||||
height: 140rpx;
|
||||
padding-bottom: 0rpx;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
@ -492,7 +492,7 @@
|
||||
|
||||
.icon-box {
|
||||
width: 36%;
|
||||
height: 98rpx;
|
||||
height: 110rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
@ -503,7 +503,7 @@
|
||||
background-color: #fcc74e;
|
||||
color: #333333;
|
||||
width: 64%;
|
||||
height: 98rpx;
|
||||
height: 110rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -513,7 +513,7 @@
|
||||
background-color: #999999;
|
||||
color: #ffffff;
|
||||
width: 64%;
|
||||
height: 98rpx;
|
||||
height: 110rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<view class="cons-third">
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png">
|
||||
</image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
|
||||
@ -41,7 +41,7 @@
|
||||
</view>
|
||||
<view class="title3">{{e.information.release_time_text.split(' ')[0]}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||
<view class="title3" style="margin-left: 6rpx;">{{e.information.views}}
|
||||
</view>
|
||||
|
||||
@ -41,7 +41,7 @@
|
||||
</view>
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
</view>
|
||||
@ -89,7 +89,7 @@
|
||||
</view>
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
</view>
|
||||
@ -139,7 +139,7 @@
|
||||
</view>
|
||||
<view class="title3">{{item.release_time_text}}</view>
|
||||
<view style="display: flex;">
|
||||
<image style="width: 26rpx;height: 20rpx;"
|
||||
<image style="width: 24rpx;height: 24rpx;"
|
||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view>
|
||||
</view>
|
||||
|
||||
@ -1,308 +1,313 @@
|
||||
<template>
|
||||
<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-content" :style="borderStyle">
|
||||
<image
|
||||
class="file-image"
|
||||
:src="getImageUrl(url)"
|
||||
mode="aspectFill"
|
||||
@click.stop="previewImage(url, index)"
|
||||
></image>
|
||||
<view v-if="delIcon && !readonly" class="icon-del-box" @click.stop="delFile(index)">
|
||||
<view class="icon-del"></view>
|
||||
<view class="icon-del rotate"></view>
|
||||
</view>
|
||||
<!-- <view v-if="item.errMsg" class="file-picker__mask" @click.stop="uploadFiles(item, index)">
|
||||
<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="width: 110px;height: 110px;margin-right: 16rpx;">
|
||||
<!-- <view class="file-picker__box-content" :style="borderStyle"> -->
|
||||
<view class="file-picker__box-content" style="width: 110px;height: 110px;">
|
||||
<image class="file-image" :src="getImageUrl(url)" mode="aspectFill"
|
||||
@click.stop="previewImage(url, index)"></image>
|
||||
<view v-if="delIcon && !readonly" class="icon-del-box" @click.stop="delFile(index)">
|
||||
<view class="icon-del"></view>
|
||||
<view class="icon-del rotate"></view>
|
||||
</view>
|
||||
<!-- <view v-if="item.errMsg" class="file-picker__mask" @click.stop="uploadFiles(item, index)">
|
||||
点击重试
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<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">
|
||||
<slot>
|
||||
<view class="icon-add"></view>
|
||||
<view class="icon-add rotate"></view>
|
||||
</slot>
|
||||
</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="width: 110px;height: 110px;">
|
||||
<view class="file-picker__box-content is-add" :style="borderStyle" @click="choose">
|
||||
<slot>
|
||||
<view class="icon-add"></view>
|
||||
<view class="icon-add rotate"></view>
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import sheep from '@/sheep';
|
||||
export default {
|
||||
name: 'uploadImage',
|
||||
emits: ['uploadFiles', 'choose', 'delFile'],
|
||||
props: {
|
||||
filesList: {
|
||||
type: [Array, String],
|
||||
default() {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
disablePreview: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
limit: {
|
||||
type: [Number, String],
|
||||
default: 9,
|
||||
},
|
||||
imageStyles: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {
|
||||
width: 'auto',
|
||||
height: 'auto',
|
||||
border: {},
|
||||
};
|
||||
},
|
||||
},
|
||||
delIcon: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
readonly: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
list() {
|
||||
if (typeof this.filesList === 'string') {
|
||||
if(this.filesList){
|
||||
return [this.filesList];
|
||||
}else{
|
||||
return []
|
||||
}
|
||||
}
|
||||
return this.filesList;
|
||||
},
|
||||
import sheep from '@/sheep';
|
||||
export default {
|
||||
name: 'uploadImage',
|
||||
emits: ['uploadFiles', 'choose', 'delFile'],
|
||||
props: {
|
||||
filesList: {
|
||||
type: [Array, String],
|
||||
default () {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
disablePreview: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
limit: {
|
||||
type: [Number, String],
|
||||
default: 9,
|
||||
},
|
||||
imageStyles: {
|
||||
type: Object,
|
||||
default () {
|
||||
return {
|
||||
width: 'auto',
|
||||
height: 'auto',
|
||||
border: {},
|
||||
};
|
||||
},
|
||||
},
|
||||
delIcon: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
readonly: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
list() {
|
||||
if (typeof this.filesList === 'string') {
|
||||
if (this.filesList) {
|
||||
return [this.filesList];
|
||||
} else {
|
||||
return []
|
||||
}
|
||||
}
|
||||
return this.filesList;
|
||||
},
|
||||
|
||||
styles() {
|
||||
let styles = {
|
||||
width: 'auto',
|
||||
height: 'auto',
|
||||
border: {},
|
||||
};
|
||||
return Object.assign(styles, this.imageStyles);
|
||||
},
|
||||
boxStyle() {
|
||||
const { width = 'auto', height = 'auto' } = this.styles;
|
||||
let obj = {};
|
||||
if (height === 'auto') {
|
||||
if (width !== 'auto') {
|
||||
obj.height = this.value2px(width);
|
||||
obj['padding-top'] = 0;
|
||||
} else {
|
||||
obj.height = 0;
|
||||
}
|
||||
} else {
|
||||
obj.height = this.value2px(height);
|
||||
obj['padding-top'] = 0;
|
||||
}
|
||||
styles() {
|
||||
let styles = {
|
||||
width: 'auto',
|
||||
height: 'auto',
|
||||
border: {},
|
||||
};
|
||||
return Object.assign(styles, this.imageStyles);
|
||||
},
|
||||
boxStyle() {
|
||||
const {
|
||||
width = 'auto', height = 'auto'
|
||||
} = this.styles;
|
||||
let obj = {};
|
||||
if (height === 'auto') {
|
||||
if (width !== 'auto') {
|
||||
obj.height = this.value2px(width);
|
||||
obj['padding-top'] = 0;
|
||||
} else {
|
||||
obj.height = 0;
|
||||
}
|
||||
} else {
|
||||
obj.height = this.value2px(height);
|
||||
obj['padding-top'] = 0;
|
||||
}
|
||||
|
||||
if (width === 'auto') {
|
||||
if (height !== 'auto') {
|
||||
obj.width = this.value2px(height);
|
||||
} else {
|
||||
obj.width = '33.3%';
|
||||
}
|
||||
} else {
|
||||
obj.width = this.value2px(width);
|
||||
}
|
||||
if (width === 'auto') {
|
||||
if (height !== 'auto') {
|
||||
obj.width = this.value2px(height);
|
||||
} else {
|
||||
obj.width = '33.3%';
|
||||
}
|
||||
} else {
|
||||
obj.width = this.value2px(width);
|
||||
}
|
||||
|
||||
let classles = '';
|
||||
for (let i in obj) {
|
||||
classles += `${i}:${obj[i]};`;
|
||||
}
|
||||
return classles;
|
||||
},
|
||||
borderStyle() {
|
||||
let { border } = this.styles;
|
||||
let obj = {};
|
||||
const widthDefaultValue = 1;
|
||||
const radiusDefaultValue = 3;
|
||||
if (typeof border === 'boolean') {
|
||||
obj.border = border ? '1px #eee solid' : 'none';
|
||||
} else {
|
||||
let width = (border && border.width) || widthDefaultValue;
|
||||
width = this.value2px(width);
|
||||
let radius = (border && border.radius) || radiusDefaultValue;
|
||||
radius = this.value2px(radius);
|
||||
obj = {
|
||||
'border-width': width,
|
||||
'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]};`;
|
||||
}
|
||||
return classles;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getImageUrl(url) {
|
||||
if ('blob:http:' === url.substr(0, 10)) {
|
||||
return url;
|
||||
} else {
|
||||
return sheep.$url.cdn(url);
|
||||
}
|
||||
},
|
||||
uploadFiles(item, index) {
|
||||
this.$emit('uploadFiles', item);
|
||||
},
|
||||
choose() {
|
||||
this.$emit('choose');
|
||||
},
|
||||
delFile(index) {
|
||||
this.$emit('delFile', index);
|
||||
},
|
||||
previewImage(img, index) {
|
||||
let urls = [];
|
||||
if (Number(this.limit) === 1 && this.disablePreview && !this.disabled) {
|
||||
this.$emit('choose');
|
||||
}
|
||||
if (this.disablePreview) return;
|
||||
this.list.forEach((i) => {
|
||||
urls.push(this.getImageUrl(i));
|
||||
});
|
||||
let classles = '';
|
||||
for (let i in obj) {
|
||||
classles += `${i}:${obj[i]};`;
|
||||
}
|
||||
return classles;
|
||||
},
|
||||
borderStyle() {
|
||||
let {
|
||||
border
|
||||
} = this.styles;
|
||||
let obj = {};
|
||||
const widthDefaultValue = 1;
|
||||
const radiusDefaultValue = 3;
|
||||
if (typeof border === 'boolean') {
|
||||
obj.border = border ? '1px #eee solid' : 'none';
|
||||
} else {
|
||||
let width = (border && border.width) || widthDefaultValue;
|
||||
width = this.value2px(width);
|
||||
let radius = (border && border.radius) || radiusDefaultValue;
|
||||
radius = this.value2px(radius);
|
||||
obj = {
|
||||
'border-width': width,
|
||||
'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]};`;
|
||||
}
|
||||
return classles;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
getImageUrl(url) {
|
||||
if ('blob:http:' === url.substr(0, 10)) {
|
||||
return url;
|
||||
} else {
|
||||
return sheep.$url.cdn(url);
|
||||
}
|
||||
},
|
||||
uploadFiles(item, index) {
|
||||
this.$emit('uploadFiles', item);
|
||||
},
|
||||
choose() {
|
||||
this.$emit('choose');
|
||||
},
|
||||
delFile(index) {
|
||||
this.$emit('delFile', index);
|
||||
},
|
||||
previewImage(img, index) {
|
||||
let urls = [];
|
||||
if (Number(this.limit) === 1 && this.disablePreview && !this.disabled) {
|
||||
this.$emit('choose');
|
||||
}
|
||||
if (this.disablePreview) return;
|
||||
this.list.forEach((i) => {
|
||||
urls.push(this.getImageUrl(i));
|
||||
});
|
||||
|
||||
uni.previewImage({
|
||||
urls: urls,
|
||||
current: index,
|
||||
});
|
||||
},
|
||||
value2px(value) {
|
||||
if (typeof value === 'number') {
|
||||
value += 'px';
|
||||
} else {
|
||||
if (value.indexOf('%') === -1) {
|
||||
value = value.indexOf('px') !== -1 ? value : value + 'px';
|
||||
}
|
||||
}
|
||||
return value;
|
||||
},
|
||||
},
|
||||
};
|
||||
uni.previewImage({
|
||||
urls: urls,
|
||||
current: index,
|
||||
});
|
||||
},
|
||||
value2px(value) {
|
||||
if (typeof value === 'number') {
|
||||
value += 'px';
|
||||
} else {
|
||||
if (value.indexOf('%') === -1) {
|
||||
value = value.indexOf('px') !== -1 ? value : value + 'px';
|
||||
}
|
||||
}
|
||||
return value;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.uni-file-picker__container {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
/* #endif */
|
||||
flex-wrap: wrap;
|
||||
margin: -5px;
|
||||
}
|
||||
.uni-file-picker__container {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
/* #endif */
|
||||
flex-wrap: wrap;
|
||||
margin: -5px;
|
||||
}
|
||||
|
||||
.file-picker__box {
|
||||
position: relative;
|
||||
// flex: 0 0 33.3%;
|
||||
width: 33.3%;
|
||||
height: 0;
|
||||
padding-top: 33.33%;
|
||||
/* #ifndef APP-NVUE */
|
||||
box-sizing: border-box;
|
||||
/* #endif */
|
||||
}
|
||||
.file-picker__box {
|
||||
position: relative;
|
||||
// flex: 0 0 33.3%;
|
||||
width: 33.3%;
|
||||
height: 0;
|
||||
padding-top: 33.33%;
|
||||
/* #ifndef APP-NVUE */
|
||||
box-sizing: border-box;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.file-picker__box-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: 5px;
|
||||
// border: 1px #f7f7f7 solid;
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.file-picker__box-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: 5px;
|
||||
// border: 1px #f7f7f7 solid;
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.file-picker__progress {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/* border: 1px red solid; */
|
||||
z-index: 2;
|
||||
}
|
||||
.file-picker__progress {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/* border: 1px red solid; */
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.file-picker__progress-item {
|
||||
width: 100%;
|
||||
}
|
||||
.file-picker__progress-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.file-picker__mask {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.file-picker__mask {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.file-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.file-image {
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
}
|
||||
|
||||
.is-add {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.is-add {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.icon-add {
|
||||
width: 50px;
|
||||
height: 5px;
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.icon-add {
|
||||
width: 50px;
|
||||
height: 5px;
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.rotate {
|
||||
position: absolute;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.rotate {
|
||||
position: absolute;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.icon-del-box {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 2;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.icon-del-box {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 2;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.icon-del {
|
||||
width: 15px;
|
||||
height: 2px;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
</style>
|
||||
.icon-del {
|
||||
width: 15px;
|
||||
height: 2px;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
}
|
||||
</style>
|
||||
@ -98,7 +98,7 @@
|
||||
pid: 0
|
||||
}]
|
||||
const areaData = proFirst.concat(uni.getStorageSync('areaCity'))
|
||||
console.log('province',provinceList,uni.getStorageSync('areaCity'));
|
||||
console.log('province',uni.getStorageSync('areaCity'));
|
||||
|
||||
const getSizeByNameLength = (name) => {
|
||||
// if (!name) return ''; // 添加这行防御性代码
|
||||
|
||||
@ -205,7 +205,8 @@
|
||||
box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.06);
|
||||
|
||||
&__item-wrapper {
|
||||
height: 50px;
|
||||
height: 52px;
|
||||
padding-top: 12rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user