From 86f2a95be3f8ae4e66d842e0521dc0595c9bb393 Mon Sep 17 00:00:00 2001 From: tx <2622874537@qq.com> Date: Wed, 21 Aug 2024 16:46:15 +0800 Subject: [PATCH] =?UTF-8?q?vip=E9=A1=B5=E9=9D=A2=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/http.interceptor.js | 4 +- page_vip/Vip_index.vue | 210 +++++++++++++++++++++++++- pages_admin/worke/worke_Operation.vue | 39 +++-- 3 files changed, 229 insertions(+), 24 deletions(-) diff --git a/common/http.interceptor.js b/common/http.interceptor.js index 9e99eeb..1413d9f 100644 --- a/common/http.interceptor.js +++ b/common/http.interceptor.js @@ -5,11 +5,11 @@ const install = (Vue, vm) => { Vue.prototype.$u.http.setConfig({ // baseUrl: 'http://61.174.243.28:15861', // baseUrl: 'http://192.168.2.46:8080', - // baseUrl: 'https://che.chuangtewl.com/prod-api', + baseUrl: 'https://che.chuangtewl.com/prod-api', // 测试环境 // baseUrl: 'https://dianche.chuantewulian.cn/prod-api', // 俞山岛 - baseUrl: 'https://dche.ccttiot.com/prod-api', + // baseUrl: 'https://dche.ccttiot.com/prod-api', // 创特 loadingText: '努力加载中~', loadingTime: 10000, diff --git a/page_vip/Vip_index.vue b/page_vip/Vip_index.vue index d67d67f..5429db9 100644 --- a/page_vip/Vip_index.vue +++ b/page_vip/Vip_index.vue @@ -1,11 +1,57 @@ @@ -34,17 +80,167 @@ .page { width: 750rpx; + .fixed { z-index: 999; position: fixed; top: 0; } + .tipss{ + margin-left: 40rpx; + font-weight: 500; + font-size: 36rpx; + color: #3D3D3D; + } + .vipcard { + padding: 36rpx ; + position: fixed; + top: 428rpx; + left: 38rpx; + width: 680rpx; + height: 244rpx; + z-index: 1; + background-image: url('https://lxnapi.ccttiot.com/bike/img/static/u78FEc5oHRKzdvopQpZE'); + background-size: cover; + /* 背景图片等比缩放以覆盖整个容器 */ + background-position: center; + /* 背景图片居中显示 */ + background-repeat: no-repeat; + .card_top{ + + display: flex; + flex-wrap: nowrap; + align-items: center; + .name{ + font-weight: 500; + font-size: 44rpx; + color: #B07C1E; + } + .type{ + margin-left: 30rpx; + padding: 4rpx 18rpx; + font-weight: 400; + font-size: 24rpx; + color: #B07C1E; + border-radius: 35rpx 35rpx 35rpx 35rpx; + border: 1rpx solid #B07C1E; + } + } + .card_bot{ + margin-top: 20rpx; + display: flex; + flex-wrap: nowrap; + align-items: center; + .txts{ + font-weight: 400; + font-size: 28rpx; + color: #B07C1E; + } + .topage{ + margin-left: auto; + font-weight: 400; + font-size: 28rpx; + color: #B07C1E; + } + } + + } + .pay_btn{ + + display: flex; + align-items: center; + justify-content: center; + margin: 20rpx auto ; + width: 680rpx; + height: 104rpx; + background: linear-gradient( 90deg, rgba(255,201,87,0.84) 0%, rgba(255,224,158,0.58) 100%); + border-radius: 58rpx 58rpx 58rpx 58rpx; + font-weight: 500; + font-size: 44rpx; + color: #B07C1E; + + } .backimg { position: fixed; width: 750rpx; height: 670rpx; - z-index: -1; + top: 0; + left: 0; + z-index: -1; // 确保背景图片在所有内容之下 } + .txt{ + margin: 56rpx 48rpx; + font-weight: 400; + font-size: 24rpx; + color: #64B6A7; + } + .cont_box { + display: flex; + flex-wrap: nowrap; + padding: 0 38rpx; + margin-top: 690rpx; + z-index: 10; + overflow-x: auto; // 允许横向滚动 + white-space: nowrap; // 保持内容不换行 + -webkit-overflow-scrolling: touch; // 使滚动更流畅 + + // 隐藏横向滚动条 + ::-webkit-scrollbar { + display: none; // 针对 WebKit 浏览器 (如 Safari 和 Chrome) + height: 0; // 设定横向滚动条高度为 0 + } + + scrollbar-width: none; // 针对 Firefox + -ms-overflow-style: none; // 针对 Internet Explorer 和 Edge + + .cont_li { + width: 218rpx; + height: 256rpx; + background: rgba(255, 224, 158, 0.15) #FFFFFF; + border-radius: 20rpx; + border: 1rpx solid rgba(176, 124, 30, 0.56); + z-index: 10; + flex-shrink: 0; // 防止子元素缩小 + margin-right: 20rpx; // 子元素之间的间距 + .tit{ + width: 100%; + text-align: center; + font-weight: 500; + font-size: 32rpx; + color: #B07C1E; + } + .money{ + width: 100%; + text-align: center; + margin-top: 20rpx; + font-weight: 600; + font-size: 32rpx; + color: #E46666; + } + .tips{ + margin-top: 20rpx; + width: 100%; + text-align: center; + font-weight: 400; + font-size: 24rpx; + color: #979797; + } + } + } + + .cont_box::-webkit-scrollbar { + display: none; + } + + + .mc { + position: fixed; + top: 611rpx; + left: 0rpx; + width: 750rpx; + height: 107.29rpx; + z-index: 2; + } } \ No newline at end of file diff --git a/pages_admin/worke/worke_Operation.vue b/pages_admin/worke/worke_Operation.vue index e6ba094..050aef8 100644 --- a/pages_admin/worke/worke_Operation.vue +++ b/pages_admin/worke/worke_Operation.vue @@ -299,23 +299,22 @@ + - 提示 + {{tiptit}} - - {{tiptxt}} + + - - + @@ -343,8 +342,9 @@ info: {}, areaId: 0, loading:false, - showtips:true, - tiptxt:'' + showtips:false, + tiptxt:'', + tiptit:'' } }, onLoad() { @@ -363,11 +363,14 @@ methods: { showtipss(num){ if(num==1){ - this.tiptxt='订单总收入=订单收款-退款-手续费' + this.tiptxt='该时间段骑车实际利润' + this.tiptit='营业收入' }else if(num==2){ - this.tiptxt='押金余额=充值押金-押金支出-订单押金扣款' + this.tiptxt='该时间段押金余额' + this.tiptit='押金余额' }else if(num==3){ - this.tiptxt='账户盈余=总流水-总支出=营业收入+押金余额' + this.tiptxt='该时间段账户盈余
总流水减去总支出' + this.tiptit='账户盈余' } this.showtips=true @@ -460,8 +463,14 @@ background: #FFFFFF; border-radius: 30rpx 30rpx 30rpx 30rpx; z-index: 110; - padding-bottom: 100rpx; - + padding-bottom: 10rpx; + .close{ + position: absolute; + width: 60rpx; + height: 60rpx; + bottom: -98rpx; + left: 274rpx; + } .top1 { padding: 52rpx 38rpx 42rpx 36rpx;