1.修改首页下滑UI
2.修改我的下滑UI 3.新增发布页面弹窗倒计时 4.优化发布页面，免责声明弹窗确认与单选框联动问题 5.修复系统消息重复显示问题 6.下单页面新增退款政策渲染 7.售后订单详情新增退款政策渲染 8.首页新增下拉刷新接口 9.我发布的活动新增下拉刷新接口 10.我参与的新增下拉刷新接口
This commit is contained in:
parent
d611b933dd
commit
77e675c5d2
@ -39,7 +39,7 @@
|
||||
</span>
|
||||
<span class="line"></span>
|
||||
<span class="flex align-items" style="width: 100%;justify-content: space-between;">
|
||||
<view class="tt1">选择退款数量<span> (剩余{{detailAny.verification.total_number - detailAny.verification.have_number}}张)</span></view>
|
||||
<view class="tt1">选择退款数量<span> (已核销{{detailAny.verification.have_number}}张)</span></view>
|
||||
<span class="flex align-items">
|
||||
<image style="width: 42rpx;height: 42rpx;" src="/static/detail/jian.png" @click="removeMon"></image>
|
||||
<span style="margin: 0 20rpx;">{{ nummoney }}</span>
|
||||
@ -74,9 +74,9 @@
|
||||
|
||||
|
||||
|
||||
<view class="footer flex align-items" style="justify-content: space-between;">
|
||||
<view @click="subumit()" class="footer flex align-items" style="justify-content: space-between;">
|
||||
<view class="footer-right flex justify-center align-items">
|
||||
<span @click="subumit()">确定</span>
|
||||
<span >确定</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -305,7 +305,8 @@
|
||||
this.detail = res.data.detail.detail;
|
||||
this.detailAny = res.data.detail;
|
||||
this.order_no = res.data.detail.order_no;
|
||||
this.priceGem = res.data.detail.payprice;
|
||||
this.priceGem = res.data.detail.detail.price;
|
||||
console.log(res.data.detail);
|
||||
this.activityInfo = uni.getStorageSync('init_info')
|
||||
} else {
|
||||
uni.showToast({
|
||||
@ -393,7 +394,7 @@
|
||||
<style lang="scss" scoped>
|
||||
.detail_all{
|
||||
background-color: #f7f7f7;
|
||||
// height: 100vh;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.w-100 {
|
||||
width: 100%;
|
||||
|
||||
@ -52,7 +52,26 @@
|
||||
</view>
|
||||
</view>
|
||||
<view style="padding: 30rpx;">
|
||||
123
|
||||
<view class="refund-policy-table">
|
||||
<view class="table-container">
|
||||
<!-- 表头 -->
|
||||
<view class="table-header">
|
||||
<view class="th-item">申请退款时间</view>
|
||||
<view class="th-item">退款比例</view>
|
||||
<view class="th-item">退款金额</view>
|
||||
</view>
|
||||
|
||||
<!-- 表格内容 -->
|
||||
<view class="table-body">
|
||||
<view class="table-row" v-for="(item,index) in info.refund_desc" :key="index">
|
||||
<view class="td-item">{{item.refund_time}}</view>
|
||||
<view class="td-item">{{item.refund_scale}}</view>
|
||||
<view class="td-item">{{item.refund_price}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="third flex flex-column" style="justify-content: flex-start;">
|
||||
@ -91,10 +110,10 @@
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
||||
<text>退款金额</text>
|
||||
<text v-if="info.server_status==3"
|
||||
style="color: #FF4810;font-weight: 600;">￥{{ info.first_refundprice }}</text>
|
||||
<text v-if="info.server_status==6"
|
||||
style="color: #FF4810;font-weight: 600;">￥{{ info.real_refundprice }}</text>
|
||||
<text v-if="info.server_status == 3" style="color: #FF4810;font-weight: 600;">￥{{
|
||||
info.first_refundprice }}</text>
|
||||
<text v-if="info.server_status == 6" style="color: #FF4810;font-weight: 600;">￥{{
|
||||
info.real_refundprice }}</text>
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
||||
<text>退款原因</text>
|
||||
@ -108,7 +127,7 @@
|
||||
</view>
|
||||
|
||||
<!-- v-if="detailAny.feel == 0" -->
|
||||
<view v-if="info.server_status==3" class="footer"
|
||||
<view v-if="info.server_status == 3" class="footer"
|
||||
style="display: flex;align-items: center;;justify-content: space-between;gap: 30rpx;">
|
||||
<view class="footer-right1 flex justify-center align-items">
|
||||
<text @click="noShow = true"> 驳回退款 </text>
|
||||
@ -142,19 +161,19 @@
|
||||
<view style="padding: 0rpx 40rpx;">
|
||||
<view style="display: flex;justify-content: space-between;align-items: center;">
|
||||
<view style="font-size: 28rpx;font-weight: 600;">退款数量</view>
|
||||
<view>{{info.num}}</view>
|
||||
<view>{{ info.num }}</view>
|
||||
</view>
|
||||
<view style="height: 1px;background-color:#F0F0F0;width: 100%;margin: 30rpx 0rpx;"></view>
|
||||
<view style="display: flex;justify-content: space-between;align-items: center;">
|
||||
<view style="font-size: 28rpx;font-weight: 600;">支付金额</view>
|
||||
<view style="font-weight: 900;">￥{{info.payprice}}</view>
|
||||
<view style="font-weight: 900;">￥{{ info.payprice }}</view>
|
||||
</view>
|
||||
<view style="height: 1px;background-color:#F0F0F0;width: 100%;margin: 30rpx 0rpx;"></view>
|
||||
<view style="display: flex;justify-content: space-between;align-items: center;">
|
||||
<view style="font-size: 28rpx;font-weight: 600;">退款金额</view>
|
||||
<view @click="openMoney" style="display: flex;justify-content: flex-end;align-items: center;">
|
||||
<view style="color: #FF4810;font-weight: 900;margin-right:20rpx;">
|
||||
￥{{moeney}}
|
||||
￥{{ moeney }}
|
||||
</view>
|
||||
<u-icon name="edit-pen" size="28" color="#323232"></u-icon>
|
||||
</view>
|
||||
@ -186,19 +205,19 @@
|
||||
<view style="padding: 0rpx 40rpx;">
|
||||
<view style="display: flex;justify-content: space-between;align-items: center;">
|
||||
<view style="font-size: 28rpx;font-weight: 600;">退款数量</view>
|
||||
<view>{{info.num}}</view>
|
||||
<view>{{ info.num }}</view>
|
||||
</view>
|
||||
<view style="height: 1px;background-color:#F0F0F0;width: 100%;margin: 30rpx 0rpx;"></view>
|
||||
<view style="display: flex;justify-content: space-between;align-items: center;">
|
||||
<view style="font-size: 28rpx;font-weight: 600;">支付金额</view>
|
||||
<view style="font-weight: 900;">￥{{info.payprice}}</view>
|
||||
<view style="font-weight: 900;">￥{{ info.payprice }}</view>
|
||||
</view>
|
||||
<view style="height: 1px;background-color:#F0F0F0;width: 100%;margin: 30rpx 0rpx;"></view>
|
||||
<view style="display: flex;justify-content: space-between;align-items: center;">
|
||||
<view style="font-size: 28rpx;font-weight: 600;">退款金额</view>
|
||||
<view style="display: flex;justify-content: flex-end;align-items: center;">
|
||||
<view style="color: #FF4810;font-weight: 900;">
|
||||
￥{{moeney}}
|
||||
￥{{ moeney }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -216,11 +235,11 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import dayjs from 'dayjs';
|
||||
import {
|
||||
import dayjs from 'dayjs';
|
||||
import {
|
||||
dateWeek
|
||||
} from '../../utils/dateFormat'
|
||||
export default {
|
||||
} from '../../utils/dateFormat'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
noShow: false,
|
||||
@ -272,7 +291,7 @@
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
}).catch(error => {});
|
||||
}).catch(error => { });
|
||||
},
|
||||
openMoney() {
|
||||
var that = this;
|
||||
@ -281,7 +300,7 @@
|
||||
placeholderText: '退款金额',
|
||||
content: this.moeney,
|
||||
editable: true,
|
||||
success: function(res) {
|
||||
success: function (res) {
|
||||
console.log(res);
|
||||
if (res.confirm) {
|
||||
that.moeney = res.content;
|
||||
@ -305,7 +324,7 @@
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
}).catch(error => {});
|
||||
}).catch(error => { });
|
||||
},
|
||||
// 导航
|
||||
toMap(latitude, longitude, name) {
|
||||
@ -313,7 +332,7 @@
|
||||
latitude: parseFloat(latitude),
|
||||
longitude: parseFloat(longitude),
|
||||
name: name,
|
||||
success: function() {
|
||||
success: function () {
|
||||
console.log('success');
|
||||
}
|
||||
});
|
||||
@ -329,45 +348,56 @@
|
||||
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||||
return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`;
|
||||
},
|
||||
formatTimestampString(timestamp) {
|
||||
console.log(timestamp)
|
||||
const date = new Date(timestamp * 1000); // 10位时间戳需要乘以1000
|
||||
const year = date.getFullYear();
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||
const day = String(date.getDate()).padStart(2, '0');
|
||||
const hours = String(date.getHours()).padStart(2, '0');
|
||||
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||||
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||||
return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds}`;
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.detail_all {
|
||||
.detail_all {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
}
|
||||
|
||||
.w-100 {
|
||||
.w-100 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.flex {
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-start {
|
||||
.flex-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.align-items {
|
||||
.align-items {
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
.flex-column {
|
||||
flex-flow: column;
|
||||
}
|
||||
}
|
||||
|
||||
.justify-start {
|
||||
.justify-start {
|
||||
justify-content: start;
|
||||
}
|
||||
}
|
||||
|
||||
.white-space {
|
||||
.white-space {
|
||||
overflow: hidden;
|
||||
/* 确保超出容器的文本被隐藏 */
|
||||
white-space: nowrap;
|
||||
@ -375,34 +405,34 @@
|
||||
text-overflow: ellipsis;
|
||||
/* 使用省略号表示被截断的文本 */
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.con-center {
|
||||
.con-center {
|
||||
// background: white;
|
||||
border-radius: 44rpx;
|
||||
position: relative;
|
||||
margin-top: 30rpx;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.space-between {
|
||||
.space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper {
|
||||
.swiper {
|
||||
width: 100%;
|
||||
height: 580rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
.box {
|
||||
position: relative;
|
||||
margin: 0 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.first-box {
|
||||
.first-box {
|
||||
width: 690rpx;
|
||||
background: #FFFFFF;
|
||||
padding: 30rpx;
|
||||
@ -448,9 +478,9 @@
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.second-box {
|
||||
.second-box {
|
||||
width: 690rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||||
@ -475,9 +505,9 @@
|
||||
margin: 0 22rpx 0 4rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.third {
|
||||
.third {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
margin-top: 20rpx;
|
||||
@ -534,23 +564,23 @@
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
.line {
|
||||
width: 630rpx;
|
||||
height: 1rpx;
|
||||
background: #F0F0F0;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-size {
|
||||
.icon-size {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.footer {
|
||||
.footer {
|
||||
width: 100%;
|
||||
padding: 30rpx 30rpx 80rpx 30rpx;
|
||||
|
||||
@ -581,10 +611,10 @@
|
||||
color: #9C9C9C;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.popupBox {
|
||||
.popupBox {
|
||||
width: 690rpx;
|
||||
height: 716rpx;
|
||||
|
||||
@ -714,9 +744,9 @@
|
||||
margin: 24rpx 32rpx 0 0;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.share {
|
||||
.share {
|
||||
position: fixed;
|
||||
color: #FFFFFF;
|
||||
right: 0;
|
||||
@ -726,9 +756,9 @@
|
||||
border-top-left-radius: 50px;
|
||||
border-bottom-left-radius: 50px;
|
||||
box-shadow: 0 0 20upx rgba(0, 0, 0, .09);
|
||||
}
|
||||
}
|
||||
|
||||
.cancel {
|
||||
.cancel {
|
||||
width: 100vw;
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
@ -736,49 +766,49 @@
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.md-content {
|
||||
.md-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 50rpx 0;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.md-content-item {
|
||||
.md-content-item {
|
||||
margin: 0 70rpx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.md-content-item image {
|
||||
.md-content-item image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.md-content-item view {
|
||||
.md-content-item view {
|
||||
margin-top: 15rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.sharebtn {
|
||||
.sharebtn {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.cu-modal {
|
||||
.cu-modal {
|
||||
position: fixed;
|
||||
bottom: 166rpx;
|
||||
left: 0;
|
||||
z-index: 999999;
|
||||
}
|
||||
}
|
||||
|
||||
.gj {
|
||||
.gj {
|
||||
.title {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 800;
|
||||
@ -829,9 +859,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
/*滚动条整体样式*/
|
||||
width: 4px !important;
|
||||
height: 1px !important;
|
||||
@ -839,40 +869,40 @@
|
||||
background: #ccc !important;
|
||||
-webkit-appearance: auto !important;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
/*滚动条里面小方块*/
|
||||
border-radius: 10px !important;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
|
||||
background: #7b7979 !important;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-track {
|
||||
::v-deep ::-webkit-scrollbar-track {
|
||||
/*滚动条里面轨道*/
|
||||
// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
|
||||
// border-radius: 10px !important;
|
||||
background: #FFFFFF !important;
|
||||
}
|
||||
}
|
||||
|
||||
.Poster {
|
||||
.Poster {
|
||||
position: relative;
|
||||
top: 21rpx;
|
||||
left: 30rpx;
|
||||
width: 690rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.posterClose {
|
||||
.posterClose {
|
||||
position: absolute;
|
||||
right: 8rpx;
|
||||
top: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.pos {
|
||||
.pos {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.btnList {
|
||||
.btnList {
|
||||
width: 690rpx;
|
||||
position: absolute;
|
||||
bottom: 150rpx;
|
||||
@ -895,18 +925,18 @@
|
||||
}
|
||||
|
||||
.save {}
|
||||
}
|
||||
}
|
||||
|
||||
.no-scroll {
|
||||
.no-scroll {
|
||||
overflow: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep ._root {
|
||||
::v-deep ._root {
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.no-border-button {
|
||||
.no-border-button {
|
||||
background-color: transparent;
|
||||
/* 去掉背景色 */
|
||||
border: none;
|
||||
@ -938,9 +968,9 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn_1 {
|
||||
.btn_1 {
|
||||
width: 95%;
|
||||
height: 90rpx;
|
||||
background: #323232;
|
||||
@ -953,15 +983,15 @@
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.input {
|
||||
.input {
|
||||
text-align: right;
|
||||
color: #FF4810;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.textarea_mph {
|
||||
.textarea_mph {
|
||||
::v-deep .u-textarea {
|
||||
height: 200rpx;
|
||||
padding: 20rpx;
|
||||
@ -971,5 +1001,72 @@
|
||||
background-color: #F8F8F8 !important;
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.refund-policy-table {
|
||||
width: 100%;
|
||||
|
||||
.table-container {
|
||||
width: 100%;
|
||||
border: 1px solid #C1C1C1;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-header {
|
||||
display: flex;
|
||||
background-color: #E8E8E8;
|
||||
|
||||
.th-item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #323232;
|
||||
padding: 24rpx 10rpx;
|
||||
border-right: 1px solid #C1C1C1;
|
||||
border-bottom: 1px solid #C1C1C1;
|
||||
|
||||
&:first-child {
|
||||
flex: 2;
|
||||
/* 第一列宽度为其他列的2倍 */
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-body {
|
||||
.table-row {
|
||||
display: flex;
|
||||
border-top: 1px solid #C1C1C1;
|
||||
|
||||
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.td-item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #323232;
|
||||
padding: 24rpx 10rpx;
|
||||
border-right: 1px solid #C1C1C1;
|
||||
background-color: #F7F7F7;
|
||||
|
||||
&:first-child {
|
||||
flex: 2;
|
||||
/* 第一列宽度为其他列的2倍 */
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -162,7 +162,7 @@
|
||||
</view>
|
||||
<u-popup @touchmove.native.stop.prevent :custom-style="{
|
||||
width: '690rpx',
|
||||
height: '450rpx',
|
||||
height: 'auto',
|
||||
margin: '0 auto',
|
||||
display: 'flex',
|
||||
justifyContent: 'flex-start',
|
||||
@ -170,26 +170,29 @@
|
||||
}" :closeable="false" :show="tipsShow" :round="10" mode="center" :closeOnClickOverlay="false">
|
||||
<view style="font-size: 32rpx;font-weight: 400;margin: 20rpx 0 24rpx 0;">退款政策</view>
|
||||
<view class="third-center" style="padding: 30rpx;">
|
||||
<view v-html="detail.refund_info.desc"></view>
|
||||
<!-- <uni-table border stripe emptyText="暂无更多数据">
|
||||
<uni-tr>
|
||||
<uni-th width="160" align="left">申请退款时间</uni-th>
|
||||
<uni-th width="70" align="left">退款比例</uni-th>
|
||||
<uni-th width="70" align="left">退款金额</uni-th>
|
||||
</uni-tr>
|
||||
<uni-tr v-if="detail.refund_info.status == 1">
|
||||
<uni-td>报名开始后</uni-td>
|
||||
<uni-td>0%</uni-td>
|
||||
<uni-td>0</uni-td>
|
||||
</uni-tr>
|
||||
<uni-tr v-if="detail.refund_info.status == 5">
|
||||
<uni-td>报名开始至{{ fomartertime }}</uni-td>
|
||||
<uni-td>需协商</uni-td>
|
||||
<uni-td>需协商</uni-td>
|
||||
</uni-tr>
|
||||
</uni-table> -->
|
||||
<view class="refund-policy-table">
|
||||
<view class="table-container">
|
||||
<!-- 表头 -->
|
||||
<view class="table-header">
|
||||
<view class="th-item">申请退款时间</view>
|
||||
<view class="th-item">退款比例</view>
|
||||
<view class="th-item">退款金额</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
|
||||
<!-- 表格内容 -->
|
||||
<view class="table-body">
|
||||
<!-- 随时退 -->
|
||||
<view class="table-row" v-for="(item,index) in detail.refund_desc" :key="index">
|
||||
<view class="td-item">{{item.refund_time}}</view>
|
||||
<view class="td-item">{{item.refund_scale}}</view>
|
||||
<view class="td-item">{{item.refund_price}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer" style="margin-top:30rpx;">
|
||||
<view class="zhixiao shows_zhidao" @click="tipsShow = false">我已知晓</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
@ -212,7 +215,7 @@
|
||||
|
||||
<view class="footer flex align-items" style="justify-content: space-between;">
|
||||
<span style="margin-bottom: 170rpx; width: 750rpx;margin-left: 20rpx;">
|
||||
<cc-protocolBox :agree="agree" :protocolArr="protocolArr" @click="agree = true"
|
||||
<cc-protocolBox :agree="agree" :protocolArr="protocolArr"
|
||||
@protocolClick="protocolClick"></cc-protocolBox>
|
||||
</span>
|
||||
<view class="footer-right flex justify-center align-items">
|
||||
@ -276,7 +279,7 @@
|
||||
|
||||
|
||||
<!-- 声明 -->
|
||||
<u-popup @touchmove.native.stop.prevent :closeable="true" :show="show" :round="10" mode="center"
|
||||
<u-popup @touchmove.native.stop.prevent :closeOnClickOverlay="false" :closeable="true" :show="show" :round="10" mode="center"
|
||||
@close="close" @open="open" :custom-style="popupStylezf">
|
||||
<span style="font-size: 42rpx;font-weight: 800;margin: 12rpx 0 24rpx 0;height: 120rpx;">《免责声明》</span>
|
||||
<scroll-view ref="scrollView" :scroll-top="scrollTop" :show-scrollbar='true'
|
||||
@ -286,7 +289,7 @@
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="popup-footer">
|
||||
<span class="zhixiao" v-if="agreeShow == false">我同意</span>
|
||||
<span class="zhixiao" v-if="agreeShow == false">我同意 （{{timeLog}}）</span>
|
||||
<span class="zhixiao shows_zhidao" v-if="agreeShow == true" @click="change">我同意</span>
|
||||
</view>
|
||||
</u-popup>
|
||||
@ -341,6 +344,8 @@ export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
timer:null,
|
||||
timeLog:0,
|
||||
showYes: true,
|
||||
order_no: {},
|
||||
qunShow: false,
|
||||
@ -564,6 +569,15 @@ export default {
|
||||
this.agreeShow = true
|
||||
},
|
||||
protocolClick(tag) {
|
||||
//timeLog 开始倒计时
|
||||
this.timeLog = 5;
|
||||
this.timer = setInterval(() => {
|
||||
this.timeLog--;
|
||||
if (this.timeLog === 0) {
|
||||
this.agreeShow=true;
|
||||
clearInterval(this.timer);
|
||||
}
|
||||
}, 1000);
|
||||
this.show = true
|
||||
},
|
||||
loginShow() {
|
||||
@ -685,7 +699,8 @@ export default {
|
||||
close() {
|
||||
this.type = 0
|
||||
this.selectedTime = null
|
||||
this.show = false
|
||||
this.show = false;
|
||||
clearInterval(this.timer);
|
||||
},
|
||||
buyClose() {
|
||||
this.type = 0
|
||||
@ -1461,8 +1476,6 @@ export default {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
// margin: 30rpx 0;
|
||||
height: 146rpx;
|
||||
|
||||
.zhixiao {
|
||||
height: 80rpx;
|
||||
background: #E8E8E8;
|
||||
@ -1727,4 +1740,71 @@ export default {
|
||||
.no {
|
||||
background: linear-gradient(180deg, #FFF1D6 0%, #FFFFFF 30%);
|
||||
}
|
||||
|
||||
.refund-policy-table {
|
||||
width: 100%;
|
||||
|
||||
.table-container {
|
||||
width: 100%;
|
||||
border: 1px solid #C1C1C1;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-header {
|
||||
display: flex;
|
||||
background-color: #E8E8E8;
|
||||
|
||||
.th-item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #323232;
|
||||
padding: 24rpx 10rpx;
|
||||
border-right: 1px solid #C1C1C1;
|
||||
border-bottom: 1px solid #C1C1C1;
|
||||
|
||||
&:first-child {
|
||||
flex: 2;
|
||||
/* 第一列宽度为其他列的2倍 */
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-body {
|
||||
.table-row {
|
||||
display: flex;
|
||||
border-top: 1px solid #C1C1C1;
|
||||
|
||||
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.td-item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #323232;
|
||||
padding: 24rpx 10rpx;
|
||||
border-right: 1px solid #C1C1C1;
|
||||
background-color: #F7F7F7;
|
||||
|
||||
&:first-child {
|
||||
flex: 2;
|
||||
/* 第一列宽度为其他列的2倍 */
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1175,6 +1175,7 @@ export default {
|
||||
width: 202rpx;
|
||||
height: 202rpx;
|
||||
margin-right: 20rpx;
|
||||
object-fit: cover;
|
||||
|
||||
&:first-child {
|
||||
border-radius: 18rpx 0 0 18rpx;
|
||||
|
||||
@ -95,14 +95,14 @@
|
||||
<!-- v-if="detailAny.feel == 0" -->
|
||||
<view class="footer flex align-items flex-column" style="justify-content: space-between;" >
|
||||
|
||||
<view class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==9">
|
||||
<text @click="service(detailAny.id)"> 申请售后 </text>
|
||||
<view @click="service(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==9">
|
||||
<text > 申请售后 </text>
|
||||
</view>
|
||||
<view class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==2">
|
||||
<text @click="paidcancel(detailAny.id)"> 取消订单 </text>
|
||||
<view @click="paidcancel(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==2">
|
||||
<text > 取消订单 </text>
|
||||
</view>
|
||||
<view class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 1">
|
||||
<text @click="cancelOrder(detailAny.id)"> 取消订单 </text>
|
||||
<view @click="cancelOrder(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 1&& detailAny.status==2">
|
||||
<text > 取消订单 </text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
@ -54,23 +54,23 @@
|
||||
<span>订单状态</span>
|
||||
<span>{{ toptitle }}</span>
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" >
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" >
|
||||
<span>订单编号</span>
|
||||
<span>{{detailAny.order_no}}</span>
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" >
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" >
|
||||
<span>创建时间</span>
|
||||
<span>{{ formattime(detailAny.createtime)}}</span>
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" >
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" >
|
||||
<span>付款金额</span>
|
||||
<span style="color: #FF4810;">￥{{detailAny.totalprice}}</span>
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" >
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" >
|
||||
<span>付款方式</span>
|
||||
<span>{{detailAny.pay_type == 'wechat' ? '微信支付' : '余额'}}</span>
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" >
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" >
|
||||
<span>付款时间</span>
|
||||
<span>{{ formattime(detailAny.paytime)}}</span>
|
||||
</view>
|
||||
@ -79,9 +79,8 @@
|
||||
|
||||
|
||||
<view class="footer flex align-items flex-column" style="justify-content: space-between;">
|
||||
|
||||
<view class="footer-right flex justify-center align-items" v-if="status == 9">
|
||||
<span @click="service(detailAny.id)"> 申请售后 </span>
|
||||
<view @click="service(detailAny.id)" class="footer-right flex justify-center align-items" v-if="status == 9">
|
||||
<span > 申请售后 </span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
@ -22,7 +22,8 @@
|
||||
"path": "pages/fenl/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "分类",
|
||||
"navigationStyle": "custom" //单个页面设置
|
||||
"navigationStyle": "custom", //单个页面设置
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},
|
||||
{
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<span class="lines"></span>
|
||||
<view class="center flex flex-column">
|
||||
<scroll-view @touchmove.prevent scroll-y="true" class="center flex flex-column">
|
||||
<!-- <span class="hui" v-if="unread.length != 0">未读消息</span> -->
|
||||
<!-- @click="detail(item.id,item.params)" -->
|
||||
<view class="list flex flex-column" v-for="(item,index) in alllist" :key="index">
|
||||
@ -41,7 +41,7 @@
|
||||
<u-badge :isDot="true" type="success"></u-badge>
|
||||
</span> -->
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- <u-loadmore :status="loadStatus" /> -->
|
||||
<view class="flex flex-column flex-start align-items" v-if="alllist.length == 0" style="margin-top: 100rpx;">
|
||||
<image src="/static/message/message.png" mode="" style="width: 256rpx;height: 240rpx;">
|
||||
@ -263,6 +263,9 @@
|
||||
background-image: url("https://naweigetetest2.hschool.com.cn/dyqc/bgx2.png");
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: fixed;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.w-100 {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<view class="box flex justify-center flex-column">
|
||||
<view class="nav">
|
||||
<u-navbar :is-back="true" :autoBack='true' leftIconColor="#323232" bgColor="#FFFFFF">
|
||||
<view
|
||||
<u-navbar :is-back="true" :autoBack="true" leftIconColor="#323232" bgColor="#FFFFFF">
|
||||
<!-- <view
|
||||
class="u-nav-slot"
|
||||
slot="left"
|
||||
>
|
||||
@ -10,7 +10,7 @@
|
||||
name="arrow-left"
|
||||
size="22"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view> -->
|
||||
<view
|
||||
class="nav_txt"
|
||||
slot="center"
|
||||
@ -129,6 +129,8 @@
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
this.list=[];
|
||||
this.page=1;
|
||||
this.getDetail();
|
||||
} else {
|
||||
uni.showToast({
|
||||
@ -153,7 +155,7 @@
|
||||
.box {
|
||||
background: #F1F2F8;
|
||||
width: 750rpx;
|
||||
height: 100%;
|
||||
min-height: 100vh;
|
||||
margin: 0 auto;
|
||||
|
||||
.nav_txt{
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<image src="/static/fabu/fabuhd.png" style="width: 237rpx; height: 57rpx"></image>
|
||||
</view>
|
||||
|
||||
<scroll-view scroll-y="true" :show-scrollbar="true" class="box flex flex-column align-items">
|
||||
<scroll-view @touchmove.prevent scroll-y="true" :show-scrollbar="true" class="scroll-container box flex flex-column align-items">
|
||||
<view class="first flex flex-column align-items justify-start">
|
||||
<view class="row flex align-items" style="margin-top: 25rpx;">
|
||||
<span>
|
||||
@ -154,13 +154,13 @@
|
||||
</view>
|
||||
|
||||
<view style="margin:30rpx 0 0 0;" v-if="status == -1 || status == 2">
|
||||
<cc-protocolBox :agree="agree" :protocolArr="protocolArr" @click="agree = false"
|
||||
<cc-protocolBox :agree="agree" :protocolArr="protocolArr"
|
||||
@protocolClick="protocolClick"></cc-protocolBox>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="bottom flex align-items justify-center" v-if="status == -1 || status == 2">
|
||||
<span class="flex align-items justify-center" @click="apply()" v-if="agree == true">确认发布</span>
|
||||
<span class="flex align-items justify-center" v-if="agree == false"
|
||||
<span class="flex align-items justify-center" @click="apply()" v-if="agreeAdd == true">确认发布</span>
|
||||
<span class="flex align-items justify-center" v-if="agreeAdd == false"
|
||||
style="background: #EEEEEE;color: #9C9C9C;">确认发布</span>
|
||||
</view>
|
||||
|
||||
@ -200,7 +200,7 @@
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="popup-footer">
|
||||
<span class="zhixiao" v-if="agreeShow == false">我同意</span>
|
||||
<span class="zhixiao" v-if="agreeShow == false">我同意 （{{timeLog}}）</span>
|
||||
<span class="zhixiao shows_zhidao" v-if="agreeShow == true" @click="change">我同意</span>
|
||||
</view>
|
||||
</u-popup>
|
||||
@ -276,6 +276,9 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
agreeAdd:false,
|
||||
timer:null,
|
||||
timeLog:0,
|
||||
showPopbq: false, //标签弹窗
|
||||
bqList: [], //标签列表
|
||||
cate_id: '', //标签id
|
||||
@ -594,16 +597,17 @@
|
||||
this.birthShow1 = false
|
||||
},
|
||||
close() {
|
||||
this.show = false
|
||||
this.show = false;
|
||||
clearInterval(this.timer);
|
||||
},
|
||||
closetuikuan() {
|
||||
this.tuikuan = false
|
||||
},
|
||||
open() {
|
||||
this.show = true
|
||||
setTimeout(() => {
|
||||
this.agree = true
|
||||
}, 5000)
|
||||
// setTimeout(() => {
|
||||
// this.agree = true
|
||||
// }, 5000)
|
||||
},
|
||||
opentuikuan() {
|
||||
this.tuikuan = true;
|
||||
@ -611,13 +615,22 @@
|
||||
this.form.refund_idn = '随时退';
|
||||
},
|
||||
change() {
|
||||
this.agree = true
|
||||
this.agree = true;
|
||||
this.agreeAdd=true;
|
||||
this.show = false
|
||||
},
|
||||
// 选择机构地址
|
||||
|
||||
protocolClick(tag) {
|
||||
console.log(tag)
|
||||
//timeLog 开始倒计时
|
||||
this.timeLog = 5;
|
||||
this.timer = setInterval(() => {
|
||||
this.timeLog--;
|
||||
if (this.timeLog === 0) {
|
||||
this.agreeShow=true;
|
||||
clearInterval(this.timer);
|
||||
}
|
||||
}, 1000);
|
||||
this.show = true
|
||||
},
|
||||
// 获取入驻协议文章
|
||||
@ -1024,9 +1037,23 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// .allbg{
|
||||
|
||||
// }
|
||||
.allbg{
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
/* 添加新样式用于内部可滚动区域 */
|
||||
.scroll-container {
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1; /* 确保在.allbg之上 */
|
||||
overflow: visible; /* 允许内容溢出 */
|
||||
margin-top: 200rpx;
|
||||
}
|
||||
.title_logo {
|
||||
width: 690rpx;
|
||||
margin-top: 110rpx;
|
||||
@ -1034,6 +1061,7 @@
|
||||
}
|
||||
|
||||
.backImg {
|
||||
height: 100vh;
|
||||
// background: linear-gradient(to bottom, #F1F2F8 0%, #F1F2F8 50%, #FFFFFF 100%);
|
||||
width: 750rpx;
|
||||
background-color: #f7f7f7;
|
||||
@ -1076,10 +1104,7 @@
|
||||
|
||||
.box {
|
||||
width: 690rpx;
|
||||
margin-top: 40rpx;
|
||||
height: 1100rpx;
|
||||
margin-bottom: 320rpx;
|
||||
|
||||
height: 1111rpx;
|
||||
.title {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
|
||||
@ -66,7 +66,7 @@
|
||||
style="margin-top: 20rpx;margin-bottom: 32rpx;">
|
||||
<view class="imgs_con_div" v-for="(items_img, index) in item.images.slice(0, 3)"
|
||||
:key="index">
|
||||
<image class="imgs_con" mode="widthFix" :src="items_img"></image>
|
||||
<image class="imgs_con" :src="items_img"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -182,6 +182,17 @@
|
||||
// return this.items.slice(0, 3);
|
||||
// }
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
this.resetLists();
|
||||
this.getHotList();
|
||||
setTimeout(() => {
|
||||
uni.hideLoading();
|
||||
uni.stopPullDownRefresh();
|
||||
}, 2000)
|
||||
},
|
||||
methods: {
|
||||
dateWeeks(e) {
|
||||
return dateWeek(e);
|
||||
@ -746,6 +757,7 @@
|
||||
.imgs_con {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -20,12 +20,13 @@
|
||||
<image src="/static/index/schoolNight.png" alt="" class="imgstop_ye" @click="toshool"></image>
|
||||
</view>
|
||||
|
||||
<!-- <scroll-view scroll-y="true" class="flex align-items" style="height: 1250rpx;box-sizing: border-box;"> -->
|
||||
<scroll-view :refresher-enabled="true" :refresher-triggered="homrS" @refresherrefresh="onS" scroll-y="true" class="flex align-items" style="height: 1250rpx;box-sizing: border-box;">
|
||||
<view class="swiper-box">
|
||||
<!-- <MySwiper :list="swiperList"></MySwiper> -->
|
||||
<view class="swiper_s">
|
||||
<swiper class="swiper_s" :circular="true" :autoplay="true" indicator-active-color="#0DAE11" indicator-color="#ffffff"
|
||||
:indicator-dots="false" :current="swiperCurrent" @change="swiperChange">
|
||||
<swiper class="swiper_s" :circular="true" :autoplay="true" indicator-active-color="#0DAE11"
|
||||
indicator-color="#ffffff" :indicator-dots="false" :current="swiperCurrent"
|
||||
@change="swiperChange">
|
||||
<swiper-item v-for="(item, index) in swiperList" :key="index" @click="openSwiper(item)">
|
||||
<view style="position: relative;width: 100%;height: 100%">
|
||||
<view class="fnon_tit"></view>
|
||||
@ -77,8 +78,8 @@
|
||||
style="width: 36rpx;height: 36rpx;border-radius: 80rpx;"></image>
|
||||
<image v-else :src="item.headimage"
|
||||
style="width: 36rpx;height: 36rpx;border-radius: 80rpx;"></image>
|
||||
<span v-if="cate_ids != 1"
|
||||
style="color: #9C9C9C;margin-left: 10rpx;">{{ item.user.nickname }}</span>
|
||||
<span v-if="cate_ids != 1" style="color: #9C9C9C;margin-left: 10rpx;">{{
|
||||
item.user.nickname }}</span>
|
||||
<span v-else class="white-space"
|
||||
style="color: #9C9C9C;margin-left: 10rpx;width: 220rpx;">{{
|
||||
item.teacher.name }}</span>
|
||||
@ -95,8 +96,8 @@
|
||||
<!-- <span class="time_tex time_texs" v-if="item.status == 4">{{ '进行中' }}</span> -->
|
||||
<span style="margin:0 20rpx;">{{ dateWeeks(item.start_time) }}</span><span
|
||||
style="width: 1rpx;height: 22rpx;background: #323232;"></span>
|
||||
<span class="white-space"
|
||||
style="margin-left: 20rpx;width: 260rpx;">{{ item.address_detail }}</span>
|
||||
<span class="white-space" style="margin-left: 20rpx;width: 260rpx;">{{
|
||||
item.address_detail }}</span>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -105,7 +106,7 @@
|
||||
style="margin-top: 20rpx;margin-bottom: 32rpx;">
|
||||
<view class="imgs_con_div" v-for="(items_img, index) in item.images.slice(0, 3)"
|
||||
:key="index">
|
||||
<image class="imgs_con" mode="widthFix" :src="items_img"></image>
|
||||
<image class="imgs_con" :src="items_img"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -114,8 +115,8 @@
|
||||
<view class="bottom flex align-items" v-if="cate_ids != 1">
|
||||
<view class="flex align-items toptext">
|
||||
<span class="flex align-items">
|
||||
<u-avatar-group :urls="item.join_info.users" keyName="avatar" size="30" maxCount="5"
|
||||
gap="0.4"></u-avatar-group>
|
||||
<u-avatar-group :urls="item.join_info.users" keyName="avatar" size="30"
|
||||
maxCount="5" gap="0.4"></u-avatar-group>
|
||||
<image src="/static/index/dian.png"
|
||||
:class="item.join_info.users.length > 0 ? '' : 'smalld'"
|
||||
style="width: 58rpx;height: 58rpx;margin-left:-20rpx;z-index: 1;"></image>
|
||||
@ -137,7 +138,8 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- </scroll-view> -->
|
||||
<view style="height: 80rpx;width: 100%;"></view>
|
||||
</scroll-view>
|
||||
<!-- 全部标签 -->
|
||||
<u-popup :show="showPopbq" mode="bottom" round="20"
|
||||
:customStyle="{ 'width': '750rpx', 'height': '1040rpx' }" @close="closebq">
|
||||
@ -265,15 +267,16 @@
|
||||
|
||||
<script>
|
||||
// import MySwiper from "@/components/fuyu-MixSwiper/fuyu-MixSwiper.vue";
|
||||
import {
|
||||
import {
|
||||
dateWeek
|
||||
} from '../../utils/dateFormat'
|
||||
export default {
|
||||
} from '../../utils/dateFormat'
|
||||
export default {
|
||||
components: {
|
||||
//MySwiper,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
homrS:false,
|
||||
swiperCurrent: 0, //轮播下标
|
||||
showPopbq: false, //标签弹窗
|
||||
bqList: [], //标签列表
|
||||
@ -331,7 +334,7 @@
|
||||
});
|
||||
this.resetLists();
|
||||
this.getHotList();
|
||||
setTimeout(()=>{
|
||||
setTimeout(() => {
|
||||
uni.hideLoading();
|
||||
uni.stopPullDownRefresh();
|
||||
}, 2000)
|
||||
@ -351,8 +354,19 @@
|
||||
// }
|
||||
},
|
||||
methods: {
|
||||
|
||||
|
||||
onS(){
|
||||
this.homrS=true;
|
||||
uni.showLoading({
|
||||
title: '加载中...'
|
||||
});
|
||||
this.resetLists();
|
||||
this.getHotList();
|
||||
setTimeout(() => {
|
||||
this.homrS=false;
|
||||
uni.hideLoading();
|
||||
uni.stopPullDownRefresh();
|
||||
}, 2000)
|
||||
},
|
||||
submitDo() {
|
||||
const token = uni.getStorageSync('token');
|
||||
if (!token) {
|
||||
@ -360,8 +374,8 @@
|
||||
title: '请登录',
|
||||
icon: 'none',
|
||||
duration: 2000,
|
||||
complete: function() {
|
||||
setTimeout(function() {
|
||||
complete: function () {
|
||||
setTimeout(function () {
|
||||
uni.switchTab({
|
||||
url: '/pages/my/index',
|
||||
});
|
||||
@ -454,8 +468,8 @@
|
||||
title: '请登录',
|
||||
icon: 'none',
|
||||
duration: 2000,
|
||||
complete: function() {
|
||||
setTimeout(function() {
|
||||
complete: function () {
|
||||
setTimeout(function () {
|
||||
uni.switchTab({
|
||||
url: '/pages/my/index',
|
||||
});
|
||||
@ -488,8 +502,8 @@
|
||||
title: '请登录',
|
||||
icon: 'none',
|
||||
duration: 2000,
|
||||
complete: function() {
|
||||
setTimeout(function() {
|
||||
complete: function () {
|
||||
setTimeout(function () {
|
||||
uni.switchTab({
|
||||
url: '/pages/my/index',
|
||||
});
|
||||
@ -779,8 +793,8 @@
|
||||
title: '请登录',
|
||||
icon: 'none',
|
||||
duration: 2000,
|
||||
complete: function() {
|
||||
setTimeout(function() {
|
||||
complete: function () {
|
||||
setTimeout(function () {
|
||||
uni.switchTab({
|
||||
url: '/pages/my/index',
|
||||
});
|
||||
@ -831,43 +845,43 @@
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.w-100 {
|
||||
.w-100 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.flex {
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.space-between {
|
||||
.space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.align-items {
|
||||
.align-items {
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
.flex-column {
|
||||
flex-flow: column;
|
||||
}
|
||||
}
|
||||
|
||||
.justify-start {
|
||||
.justify-start {
|
||||
justify-content: start;
|
||||
}
|
||||
}
|
||||
|
||||
.mar-top-30 {
|
||||
.mar-top-30 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tab_all {
|
||||
.tab_all {
|
||||
margin-top: 30rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
@ -931,9 +945,9 @@
|
||||
color: #323232;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.recharge {
|
||||
.recharge {
|
||||
width: 750rpx;
|
||||
background-color: #f7f7f7;
|
||||
background-image: url("https://naweigetetest2.hschool.com.cn/dyqc/bgx2.png");
|
||||
@ -1161,6 +1175,7 @@
|
||||
.imgs_con {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1249,9 +1264,9 @@
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.white-space {
|
||||
.white-space {
|
||||
overflow: hidden;
|
||||
/* 确保超出容器的文本被隐藏 */
|
||||
white-space: nowrap;
|
||||
@ -1259,7 +1274,7 @@
|
||||
text-overflow: ellipsis;
|
||||
/* 使用省略号表示被截断的文本 */
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1270,7 +1285,7 @@
|
||||
|
||||
|
||||
|
||||
.pos {
|
||||
.pos {
|
||||
position: relative;
|
||||
|
||||
.ab {
|
||||
@ -1305,9 +1320,9 @@
|
||||
color: #ff4810;
|
||||
line-height: 38rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.part {
|
||||
.part {
|
||||
width: 162rpx;
|
||||
height: 70rpx;
|
||||
background: url(@/static/index/shangche.png);
|
||||
@ -1317,9 +1332,9 @@
|
||||
font-weight: 400;
|
||||
font-size: 42rpx;
|
||||
color: #BBFC5B;
|
||||
}
|
||||
}
|
||||
|
||||
.part1 {
|
||||
.part1 {
|
||||
width: 162rpx;
|
||||
height: 70rpx;
|
||||
background: url(@/static/index/shangchew.png);
|
||||
@ -1329,14 +1344,14 @@
|
||||
font-weight: 400;
|
||||
font-size: 42rpx;
|
||||
color: #9C9C9C;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-box {
|
||||
.swiper-box {
|
||||
height: 580rpx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.popup_bq {
|
||||
.popup_bq {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@ -1393,10 +1408,10 @@
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.serch_top {
|
||||
.serch_top {
|
||||
.u-search {
|
||||
|
||||
::v-deep .u-search__content {
|
||||
@ -1412,22 +1427,22 @@
|
||||
height: 36rpx !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper_s {
|
||||
.swiper_s {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.swiper-image {
|
||||
.swiper-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 36rpx;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
.text {
|
||||
position: absolute;
|
||||
/* 确保文字在模糊背景之上 */
|
||||
z-index: 200;
|
||||
@ -1440,9 +1455,9 @@
|
||||
width: 100%;
|
||||
bottom: 70rpx;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
}
|
||||
|
||||
.fnon_tit {
|
||||
.fnon_tit {
|
||||
position: absolute;
|
||||
left: 5%;
|
||||
z-index: 1;
|
||||
@ -1453,25 +1468,25 @@
|
||||
backdrop-filter: blur(4px);
|
||||
border-radius: 36rpx;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// .fnon_tit::before {
|
||||
// content: "";
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// bottom: 0;
|
||||
// backdrop-filter: blur(4px);
|
||||
// /* 调整模糊程度 */
|
||||
// pointer-events: none;
|
||||
// /* 确保模糊效果不会干扰点击事件 */
|
||||
// border-radius: 36rpx;
|
||||
// z-index: 0;
|
||||
// /* 确保伪元素在背景和文字之间 */
|
||||
// }
|
||||
// .fnon_tit::before {
|
||||
// content: "";
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// bottom: 0;
|
||||
// backdrop-filter: blur(4px);
|
||||
// /* 调整模糊程度 */
|
||||
// pointer-events: none;
|
||||
// /* 确保模糊效果不会干扰点击事件 */
|
||||
// border-radius: 36rpx;
|
||||
// z-index: 0;
|
||||
// /* 确保伪元素在背景和文字之间 */
|
||||
// }
|
||||
|
||||
.dots {
|
||||
.dots {
|
||||
position: absolute;
|
||||
bottom: 50rpx;
|
||||
width: 100%;
|
||||
@ -1490,30 +1505,30 @@
|
||||
// transform: scale(0.9);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.line-row {
|
||||
.line-row {
|
||||
margin: 40rpx 0rpx;
|
||||
height: 1rpx;
|
||||
width: 100%;
|
||||
background: #F0F0F0;
|
||||
}
|
||||
}
|
||||
|
||||
.input {
|
||||
.input {
|
||||
text-align: right;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-size: 26rpx;
|
||||
color: #343434;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.plasty {
|
||||
.plasty {
|
||||
color: #999999;
|
||||
font-weight: 300;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.textarea_mph {
|
||||
.textarea_mph {
|
||||
::v-deep .u-textarea {
|
||||
height: 237rpx;
|
||||
padding: 20rpx;
|
||||
@ -1523,9 +1538,9 @@
|
||||
background-color: #F8F8F8 !important;
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn_1 {
|
||||
.btn_1 {
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
background: #323232;
|
||||
@ -1537,5 +1552,5 @@
|
||||
line-height: 90rpx;
|
||||
text-align: center;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="myBox">
|
||||
<view class="box flex justify-start align-items flex-column">
|
||||
<view class="con-center flex flex-start flex-column">
|
||||
<scroll-view @touchmove.prevent scroll-y="true" :show-scrollbar="true" class="con-center flex flex-start flex-column">
|
||||
<view class="header flex align-items">
|
||||
<view class="hea-left flex align-items">
|
||||
<image :src="avatar" mode="" class="avatar" @click="clickTop(1)"></image>
|
||||
@ -136,9 +136,8 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view style="height: 80rpx;width: 100%;"></view>
|
||||
</scroll-view>
|
||||
|
||||
|
||||
|
||||
@ -868,6 +867,8 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.myBox {
|
||||
position: fixed;
|
||||
padding-top: 200rpx;
|
||||
width: 750rpx;
|
||||
min-height: 100vh;
|
||||
background-color: #F1F2F8;
|
||||
@ -879,8 +880,6 @@ export default {
|
||||
.box {
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
// padding-top: env(safe-area-inset-top);
|
||||
padding-top: 200rpx;
|
||||
|
||||
/* 顶部安全距离 */
|
||||
.backImg {
|
||||
position: fixed;
|
||||
@ -922,12 +921,11 @@ export default {
|
||||
|
||||
|
||||
.con-center {
|
||||
margin-bottom: 100rpx;
|
||||
|
||||
height: 1314rpx;
|
||||
.header {
|
||||
width: 690rpx;
|
||||
justify-content: space-between;
|
||||
|
||||
margin: 0 auto;
|
||||
.hea-left {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
@ -980,8 +978,8 @@ export default {
|
||||
|
||||
.top_box {
|
||||
width: 690rpx;
|
||||
margin:0 auto;
|
||||
margin-top: 32rpx;
|
||||
|
||||
view {
|
||||
background: #FFFFFF;
|
||||
border-radius: 18rpx;
|
||||
@ -1138,13 +1136,15 @@ export default {
|
||||
}
|
||||
}
|
||||
.mymoney {
|
||||
margin-top: 30rpx;
|
||||
|
||||
width: 690rpx;
|
||||
height: 200rpx;
|
||||
background: #323232;
|
||||
border-radius: 24rpx;
|
||||
position: relative;
|
||||
align-items: flex-start;
|
||||
margin: 0 auto;
|
||||
margin-top: 30rpx;
|
||||
.myyue{
|
||||
margin-top: 30rpx;
|
||||
margin-left: 30rpx;
|
||||
@ -1182,6 +1182,7 @@ export default {
|
||||
}
|
||||
|
||||
.service {
|
||||
margin: 0 auto;
|
||||
margin-top: 30rpx;
|
||||
height: 206rpx;
|
||||
background: url("https://naweigetetest2.hschool.com.cn/dyqc/zhuliren.png");
|
||||
@ -1227,7 +1228,7 @@ export default {
|
||||
// white-space: nowrap;
|
||||
|
||||
width: 690rpx;
|
||||
|
||||
margin: 0 auto;
|
||||
.bbb {
|
||||
background: #ffffff;
|
||||
margin-top: 24rpx;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user