Skip to content

X
xinrenli-app
Commit 8c2cb0e5 by zhangmengjie
Options

23.3.7

parent ebb2e627
Showing with 281 additions and 237 deletions
components/tabbar/tabbar.vue
......@@ -78,7 +78,7 @@ export default {
url: path.url
});
}
this.$emit('tabBarChange', path.url, path.type);
// this.$emit('tabBarChange', path.url, path.type);
}
}
};
......
demand/payment/index.vue
......@@ -28,12 +28,12 @@
</view>
</view>
</view>
<view class="content-discounts">
<view class="content-discounts" @click="jump(1)">
<view class="">
选择优惠券
</view>
<view class="">
-99
{{times}}元
<image src="@/static/icon/jt.png" mode=""></image>
</view>
</view>
......@@ -41,7 +41,7 @@
<view class="">
截止1小时内支付完成 <text>00:59:42</text>
</view>
<button @click="jump">立即支付 300.00元</button>
<button @click="jump(2)">立即支付 300.00元</button>
</view>
</view>
</template>
......@@ -53,15 +53,22 @@
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0
scrollTopHeader: 0,
times:'0'
};
},
onLoad() {},
methods: {
jump() {
this.$uniGo.navigateTo({
url: `/demand/confirm/index`
});
jump(val) {
if(val == 1){
this.$uniGo.navigateTo({
url: `/my/coupon/index?type=pay`
});
}else{
this.$uniGo.navigateTo({
url: `/demand/confirm/index`
});
}
}
}
}
......
my/coupon/index.vue
......@@ -7,7 +7,7 @@
<text></text>
<view>可用优惠券(2)</view>
</view>
<view class="index-content-item-qu">
<view class="index-content-item-qu" @click="optionData.type === 'pay'?jump():null">
<image class="index-content-item-qu-bg" src="@/static/icon/xy01.png" mode=""></image>
<view class="index-content-item-qu-bl">
<text class="index-content-item-qu-bl-tl">满减优惠券</text>
......@@ -19,7 +19,7 @@
</view>
<view class="index-content-item-qu-bl-lk-b">有效期：2022.3.1-2022.12.31</view>
</view>
<template v-if="optionData.type === 'coupon'">
<template v-if="optionData.type === 'pay'">
<view class="index-content-item-qu-bl-rk">
<view class="index-content-item-qu-bl-rk-a">订单金额满</view>
<view class="index-content-item-qu-bl-rk-b">9999元</view>
......@@ -27,7 +27,7 @@
<view class="index-content-item-qu-bl-rk-d">当前可使用</view>
</view>
</template>
<template v-if="optionData.type === 'pay'">
<template v-if="optionData.type === 'coupon'">
<view class="index-content-item-qu-bl-rk">
<view class="index-content-item-qu-bl-rk-a index-content-item-qu-bl-rk-axl">订单金额满</view>
<view class="index-content-item-qu-bl-rk-b index-content-item-qu-bl-rk-bxl">9999元</view>
......@@ -53,7 +53,8 @@
<text>200</text>
优惠券
</view>
<view class="index-content-item-qu-bl-lk-b index-content-item-qu-bl-lk-bx">有效期：2022.3.1-2022.12.31</view>
<view class="index-content-item-qu-bl-lk-b index-content-item-qu-bl-lk-bx">
有效期：2022.3.1-2022.12.31</view>
</view>
<view class="index-content-item-qu-bl-rk">
<view class="index-content-item-qu-bl-rk-a index-content-item-qu-bl-rk-ax">订单金额满</view>
......@@ -69,235 +70,290 @@
</template>
<script>
import apiBaseConfig from '@/config/index.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0,
optionData: {},
title: ''
};
},
onLoad(option) {
let self = this;
self.optionData = option;
self.initial();
},
methods: {
initial() {
import apiBaseConfig from '@/config/index.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0,
optionData: {},
title: ''
};
},
onLoad(option) {
let self = this;
switch (self.optionData.type) {
case 'coupon': //优惠券
self.title = '优惠券';
break;
case 'pay': //支付
self.title = '确认支付';
break;
self.optionData = option;
console.log(option)
self.initial();
},
methods: {
initial() {
let self = this;
switch (self.optionData.type) {
case 'coupon': //优惠券
self.title = '优惠券';
break;
case 'pay': //支付
self.title = '确认支付';
break;
}
},
jump() {
console.log('22222')
// 获取所有页面栈实例列表
let pages = getCurrentPages();
// 上一页页面实例
let prevPage = pages[pages.length - 2];
// 修改上一页data里面的times参数值为100
prevPage.$vm.times = 100;
//uni.navigateTo跳转的返回，默认1为返回上一级
uni.navigateBack({
delta: 1
});
console.log('1111111')
}
}
}
};
};
</script>
<style>
page {
background-color: #f7f8f9;
}
page {
background-color: #f7f8f9;
}
</style>
<style lang="scss" scoped>
.index {
&-content {
margin: 24rpx 20rpx;
width: calc(100% - 20rpx * 2);
&-item {
margin-bottom: 30rpx;
&-nav {
margin-bottom: 20rpx;
> text {
display: inline-block;
width: 6rpx;
height: 36rpx;
background: #2c66ff;
border-radius: 3rpx;
margin-right: 10rpx;
}
> view {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
> text {
color: #2c66ff;
.index {
&-content {
margin: 24rpx 20rpx;
width: calc(100% - 20rpx * 2);
&-item {
margin-bottom: 30rpx;
&-nav {
margin-bottom: 20rpx;
>text {
display: inline-block;
width: 6rpx;
height: 36rpx;
background: #2c66ff;
border-radius: 3rpx;
margin-right: 10rpx;
}
>view {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
>text {
color: #2c66ff;
}
}
}
}
&-nav:last-child {
margin-bottom: 0rpx;
}
&-navx {
> text {
background: #666666;
&-nav:last-child {
margin-bottom: 0rpx;
}
}
&-qu {
width: 710rpx;
height: 200rpx;
background: #ffffff;
box-shadow: 1rpx 1rpx 6rpx 0rpx rgba(0, 0, 0, 0.05);
border-radius: 16rpx;
overflow: hidden;
margin-bottom: 20rpx;
position: relative;
&-bg,
&-bl {
&-navx {
>text {
background: #666666;
}
}
&-qu {
width: 710rpx;
height: 200rpx;
}
&-bg {
position: absolute;
left: 0rpx;
top: 0rpx;
}
&-bl {
background: #ffffff;
box-shadow: 1rpx 1rpx 6rpx 0rpx rgba(0, 0, 0, 0.05);
border-radius: 16rpx;
overflow: hidden;
margin-bottom: 20rpx;
position: relative;
> text,
> view {
position: absolute;
}
&-tl {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #4384ff;
top: 4rpx;
left: 62rpx;
&-bg,
&-bl {
width: 710rpx;
height: 200rpx;
}
&-tlx {
color: #666666;
&-bg {
position: absolute;
left: 0rpx;
top: 0rpx;
}
&-lk {
bottom: 20rpx;
left: 20rpx;
&-t {
font-size: 30rpx;
&-bl {
position: relative;
>text,
>view {
position: absolute;
}
&-tl {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
> text:nth-child(1) {
font-size: 40rpx;
color: #4384ff;
top: 4rpx;
left: 62rpx;
}
&-tlx {
color: #666666;
}
&-lk {
bottom: 20rpx;
left: 20rpx;
&-t {
font-size: 30rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
>text:nth-child(1) {
font-size: 40rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #2c66ff;
}
>text:nth-child(2) {
font-size: 72rpx;
font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
font-weight: bold;
color: #2c66ff;
margin-right: 20rpx;
}
}
&-tx {
color: #999999;
>text:nth-child(1) {
color: #999999;
}
>text:nth-child(2) {
color: #999999;
}
}
&-b {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
}
&-bx {
color: #999999;
}
}
&-rk {
width: 170rpx;
height: 200rpx;
right: 0rpx;
top: 0rpx;
>view {
text-align: center;
}
&-a {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #ffffff;
margin-top: 26rpx;
}
&-ax {
color: #999999;
margin-top: 21rpx;
}
&-axl {
margin-top: 21rpx;
}
&-b {
font-size: 30rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #2c66ff;
color: #ffffff;
margin-top: 10rpx;
}
> text:nth-child(2) {
font-size: 72rpx;
font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
font-weight: bold;
color: #2c66ff;
margin-right: 20rpx;
&-bx {
color: #666666;
margin-top: 5rpx;
}
}
&-tx {
color: #999999;
> text:nth-child(1) {
&-bxl {
margin-top: 5rpx;
}
&-c,
&-d {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #ffffff;
margin-top: 10rpx;
}
&-cx {
color: #999999;
margin-top: 5rpx;
}
&-cxl {
margin-top: 5rpx;
}
&-d {
font-weight: 500;
margin-top: 21rpx;
}
> text:nth-child(2) {
&-dx {
width: 120rpx;
border: 1rpx solid #999999;
margin: 0 calc((100% - 120rpx - 2rpx) / 2);
height: 44rpx;
line-height: 44rpx;
border-radius: 10rpx;
color: #999999;
margin-top: 17rpx;
}
&-dxl {
width: 120rpx;
height: 44rpx;
line-height: 44rpx;
margin: 0 calc((100% - 120rpx) / 2);
background: #ffffff;
border-radius: 10rpx;
color: #4486ff;
background-color: #ffffff;
margin-top: 17rpx;
}
}
&-b {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
}
&-bx {
color: #999999;
}
}
&-rk {
width: 170rpx;
height: 200rpx;
right: 0rpx;
top: 0rpx;
> view {
text-align: center;
}
&-a {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #ffffff;
margin-top: 26rpx;
}
&-ax {
color: #999999;
margin-top: 21rpx;
}
&-axl {
margin-top: 21rpx;
}
&-b {
font-size: 30rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #ffffff;
margin-top: 10rpx;
}
&-bx {
color: #666666;
margin-top: 5rpx;
}
&-bxl {
margin-top: 5rpx;
}
&-c,
&-d {
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #ffffff;
margin-top: 10rpx;
}
&-cx {
color: #999999;
margin-top: 5rpx;
}
&-cxl {
margin-top: 5rpx;
}
&-d {
font-weight: 500;
margin-top: 21rpx;
}
&-dx {
width: 120rpx;
border: 1rpx solid #999999;
margin: 0 calc((100% - 120rpx - 2rpx) / 2);
height: 44rpx;
line-height: 44rpx;
border-radius: 10rpx;
color: #999999;
margin-top: 17rpx;
}
&-dxl {
width: 120rpx;
height: 44rpx;
line-height: 44rpx;
margin: 0 calc((100% - 120rpx) / 2);
background: #ffffff;
border-radius: 10rpx;
color: #4486ff;
background-color: #ffffff;
margin-top: 17rpx;
}
}
}
}
}
}
}
</style>
pages/demand/index.vue
......@@ -8,16 +8,16 @@
<view v-show="subscript == index" class="content-tabs-text-area"></view>
</view>
</view>
<template v-if="arr && arr.length">
<!-- <template v-if="arr && arr.length"> -->
<comindex class="content-mindex" :subscript='subscript'></comindex>
</template>
<view v-else class="diagram">
<!-- </template> -->
<!-- <view v-else class="diagram">
<image src="@/static/icon/qst.png" mode=""></image>
<view class="">
暂无数据
</view>
</view>
<com-tabbar @tabBarChange='tabBarChange' :list=" [{
</view> -->
<com-tabbar :list=" [{
name: '首页',
icon: '/static/tabbar/tb1.png',
selectIcon:'/static/tabbar/td1.png',
......@@ -84,13 +84,6 @@
}
},
methods: {
tabBarChange(url, type) {
if (type == 'type') {
uniGo.reLaunch({
url: url
});
}
},
jump(ind) {
this.subscript = ind
}
......
pages/home/index.vue
......@@ -42,7 +42,7 @@
</view>
<com-navbar :leftIcon="false" :homeShow="false" bgColor="transparent" title="首页"
:titleStyle="{ color: '#FFFFFF', fontSize: '32rpx',scrollTopHeader: scrollTopHeader }" />
<com-tabbar @tabBarChange='tabBarChange' :list="tabBarList"></com-tabbar>
<com-tabbar :list="tabBarList"></com-tabbar>
</view>
</template>
......@@ -100,13 +100,6 @@
url: `/home/index/index`
});
},
tabBarChange(url, type) {
if (type == 'type') {
this.$uniGo.reLaunch({
url: url
});
}
}
}
}
</script>
......@@ -119,7 +112,6 @@
.content {
display: flex;
flex-direction: column;
// align-items: center;
justify-content: center;
&-swiper {
......@@ -149,7 +141,6 @@
>view:nth-child(2) {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
}
......@@ -173,7 +164,6 @@
>view:nth-child(1) {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 700;
color: #333333;
margin-top: 8rpx;
......@@ -182,7 +172,6 @@
>view:nth-child(2) {
margin-top: 6rpx;
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #444444;
}
......@@ -190,7 +179,6 @@
>view:nth-child(3) {
margin-top: 9rpx;
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #5281FF;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment