Skip to content

M
mallapp
Commit 43365a55 authored by zhengke's avatar zhengke
Browse files
Options

2

parents ce399021 9732374a
Hide whitespace changes
Inline Side-by-side
Showing with 1094 additions and 11 deletions
pages.json
View file @ 43365a55
......@@ -3,6 +3,10 @@
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [{
"path": "pages/user-center/user-center"
}, {
"path": "pages/cart/cart"
},{
"path": "pages/order/index/index"
},
......@@ -18,9 +22,7 @@
{
"path": "pages/search/search"
},
{
"path": "pages/cart/cart"
},
{
"path": "pages/cats/cats"
},
......@@ -30,9 +32,7 @@
{
"path": "pages/goods/comment-list"
},
{
"path": "pages/user-center/user-center"
},
{
"path": "pages/foot/index/index"
},
......@@ -56,7 +56,24 @@
},
{
"path": "pages/order/index"
}
},
{
"path": "pages/balance/recharge"
}
,{
"path" : "pages/coupon/index/index"
}
,{
"path" : "pages/card/index/index"
}
,{
"path" : "pages/coupon/list/list"
}
,{
"path" : "pages/coupon/details/details"
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
......
pages/balance/balance.vue
View file @ 43365a55
......@@ -3,7 +3,7 @@
<view :style="{'backgroundImage':'url('+(g.setting.bj_pic_url.url?g.setting.bj_pic_url.url:'')+')',backgroundSize: 'cover'}" class="balance_top" >
<Text style='margin-top:50rpx ;color: #fff;;font-size: 24rpx;'>账户余额(元)</Text>
<Text style='margin-top:50rpx ;color: #fff;;font-size: 36px;'>{{g.balance}}</Text>
<view class="recharge">
<view class="recharge" @click="goUrl('/pages/balance/recharge')">
<Text style='color: #fff;;font-size: 28rpx;'>充值</Text>
</view>
<!-- TODO 暂无余额说明 -->
......@@ -20,7 +20,7 @@
<!-- TODO logs列表 -->
</view>
<!-- <auth v-if="showAuth" @changeuserinfo="reloadUserinfo"></auth> -->
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo"></auth>
<view class="loading" v-if="load">
<u-loading mode="flower" size="48"></u-loading>
<Text style='color: #fff;margin-top: 10rpx;'>加载中...</Text>
......@@ -127,6 +127,7 @@
res => {
this.load=false
uni.hideNavigationBarLoading()
}
);
......@@ -170,7 +171,13 @@
i="0" + i;
}
return i;
}
},
goUrl(url){
console.log(url )
uni.navigateTo({
url: url
})
},
}
}
</script>
......
pages/balance/recharge.vue 0 → 100644
View file @ 43365a55
<template>
<view class="rechargeStyle" :style="{'height':contentHeight}" >
<view class="rechargeBox">
<view class="title">
<view class="title_l" :style="{'background':mainColor}"></view>
<Text style='margin-left: 20rpx;font-size: 26rpx;'>我的账户</Text>
</view>
<view class="balance">
<view style="display: flex;align-items: center;">
<Text style='margin-left: 20rpx;font-size: 36rpx;'>余额</Text>
</view>
<Text style='font-size: 42rpx;'>￥{{g.balance}}</Text>
</view>
<view class="recharge">
<Text style='font-size: 26rpx;color: #c8c9cc;'>充值金额</Text>
<!-- <input type="text" style='text-align: right;' v-model="inputvalue"> -->
</view>
<View>
<!-- TODO 充值金额的列表-->
</View>
<view class='button'
:style="{'background':mainColor}"
@click="btn_recharge">
<Text>立即充值</Text>
</view>
<view class="title" style="margin-top: 30rpx;">
<view class="title_l" :style="{'background':mainColor}"></view>
<Text style='margin-left: 20rpx;font-size: 26rpx;'>充值说明</Text>
</view>
</view>
<!-- <auth v-if="showAuth" @changeuserinfo="reloadUserinfo"></auth> -->
</view>
</template>
<script>
import auth from "../../components/auth/index.vue";
export default {
data() {
return {
pageTitle:"充值中心",
showAuth:false,
contentHeight:0,
mainColor: "",
u:{},
g:{},
}
},
components:{
auth
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = uni.getStorageSync("basedata")
? uni.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad(){
this.u = uni.getStorageSync("userinfo");
if (!this.u) {
this.u = {
nickName: "未登录",
avatarUrl: ""
};
this.showAuth = true;
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.balancedata()
this.getrecharge() //充值金额的列表
},
methods: {
reloadUserinfo() {
this.u = uni.getStorageSync("userinfo");
this.showAuth=false
},
balancedata(){
uni.showNavigationBarLoading();
let h=this.apiheader()
this.request(
{
url: "",
header:h,
data: {
r: "api/balance/index",
}
},
res => {
uni.hideNavigationBarLoading()
this.g = res.data;
}
);
},
getlogs(){
uni.showNavigationBarLoading();
let h=this.apiheader()
this.request(
{
url: "",
header:h,
data: {
r: "api/recharge/index",
date:this.date2,
}
},
res => {
uni.hideNavigationBarLoading()
}
);
},
btn_recharge(){
},
}
}
</script>
<style>
.rechargeStyle{
background: #f3f4f6;
width: 100%;
}
.rechargeStyle .rechargeBox{
width: 100%;
padding: 30rpx;
background: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
}
.rechargeStyle .title{
width: 100%;
display: flex;
align-items: center;
}
.rechargeStyle .title .title_l{
width: 3px;
height: 15px;
}
.rechargeStyle .balance{
margin-top: 30rpx;
width: 100%;
height: 90px;
border-radius: 10rpx;
background: #f4f4f5;
padding:0 40rpx ;
display: flex;
align-items: center;
justify-content: space-between;
}
.rechargeStyle .recharge{
margin-top: 30rpx;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.rechargeStyle .button{
width: 100%;height: 36px;
color: #fff;
margin: 20rpx 0;
border-radius:18px ;
display: flex;
align-items: center;
justify-content: center;
}
</style>
pages/card/index/index.vue 0 → 100644
View file @ 43365a55
<template>
<view class="couponStyle" :style="{ height: contentHeight }">
<u-tabs
:list="list"
:is-scroll="false"
:current="current"
@change="change"
:active-color="mainColor"
></u-tabs>
<u-empty v-if="g.length == 0" text="暂无相关卡券" mode="order"></u-empty>
<view
v-if="g.length > 0"
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
padding-top: 10px;
"
>
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }"
>
<view class="orderList">
<!-- TODO 样式暂无知道啥样的 -->
</view>
<u-divider
contentPosition="center"
v-if="isover"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
>没有更多卡券了</u-divider
>
</scroll-view>
</view>
<!-- 加载中 -->
<view class="loading" v-if="loading">
<u-loading mode="flower" size="48">></u-loading>
<Text style="color: #fff; margin-top: 10rpx;">加载中...</Text>
</view>
<!-- 取消提示 -->
<u-toast ref="uToast" />
</view>
</template>
<script>
export default {
components: {
},
data() {
return {
pageTitle: "我的卡券",
current: 0,
list: [
{ name: "未使用" },
{ name: "已使用" },
{ name: "已过期" },
],
mainColor: "",
contentHeight: 0,
page: 1,
page_count: 1,
g: [],
loading: false,
showModal: false,
item: "",
index: 0,
isover: false,
};
},
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
this.mainColor = this.$uiConfig.mainColor;
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad: function (option) {
//option为object类型，会序列化上个页面传递的参数
// this.current = option.status;
this.loading = true;
this.init();
},
methods: {
change(index) {
console.log(index)
this.current = index;
this.page = 1;
this.g = [];
this.loading = true;
this.init();
},
init() {
this.isover = false;
let h = this.apiheader();
this.request(
{
url: "",
header: h,
data: {
r: "api/card/user-card",
status: this.current+1,
page: this.page,
},
},
(res) => {
this.loading = false;
if(res.data.list.length>0){
this.g = this.g.concat(res.data.list);
// TODO 这里没返一共多少页 注意下
// this.page_count = res.data.pagination.page_count;
// if (this.page_count == 1) {
// this.isover = true;
// }
}
}
);
},
lower(e) {
if (this.page < this.page_count) {
this.page++;
this.init();
} else {
this.isover = true;
}
},
},
};
</script>
<style>
.couponStyle {
width: 100%;
height: 100%;
background: #f3f4f6;
}
.couponStyle .loading {
width: 200rpx;
height: 200rpx;
background: #000000;
opacity: 0.7;
border-radius: 10rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
left: 50%;
top: 30%;
margin-left: -100rpx;
z-index: 999;
}
</style>
pages/coupon/details/details.vue 0 → 100644
View file @ 43365a55
<template>
<view class="coupondetailsStyle" :style="{ height: contentHeight }">
<view class="cd_box">
<Text class='cd_name'>
{{g.name}}
</Text>
<!-- <Text class='sub_price'>
￥{{g.sub_price}}
</Text> -->
<view style="display: flex;align-items: flex-end;">
<Text style='font-size: 32px;'>{{g.type==1?g.discount: g.sub_price.toString().split('.')[0]}} </Text>
<Text style='font-size: 14px;'>{{g.type==1?'折':""}}</Text>
</view>
<Text class='condition'>
满{{g.min_price}}可用
</Text>
<view class="receive" :style="{'background':mainColor}">
<!-- TODO领取暂时没动 -->
<Text>
立即领取
</Text>
</view>
<view style="width: 100%;border-top: 1px dashed #f5f5f5;margin: 10px 0;"></view>
<Text class='c_name' style='margin-top: 25px;'>有效期</Text>
<Text class='cd_content' v-if='g.expire_type==1'>领取后{{g.expire_day}}天内有效</Text>
<Text class='cd_content' v-if='g.expire_type==2'>{{g.begin_time}}-{{g.end_time}}</Text>
<Text class='c_name' style='margin-top: 1px;'>使用规则</Text>
<Text class='cd_content' v-if='g.appoint_type==1'>适用类别: <Text v-for="(item, index) in g.goods" :key="index">{{item.name}}</Text> </Text>
<Text class='cd_content' v-if='g.appoint_type==2'>适用商品: <Text v-for="(item, index) in g.goods" :key="index">{{item.name}}</Text> </Text>
<Text class='cd_content' v-if='g.appoint_type==3'>适用范围:全场通用</Text>
<Text class='cd_content' v-if='g.appoint_type==4'>适用方式:当面付</Text>
<Text class='c_name' style='margin-top: 1px;'>使用说明</Text>
<Text class='cd_content'>{{g.rule}}</Text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "优惠券详情",
mainColor: "",
contentHeight: 0,
g: [],
loading: false,
coupon_id:0,
};
},
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
this.mainColor = this.$uiConfig.mainColor;
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad: function (option) {
//option为object类型，会序列化上个页面传递的参数
this.init(option.coupon_id);
},
methods: {
init(coupon_id) {
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header: h,
data: {
r: "api/coupon/detail",
coupon_id:coupon_id
},
},
(res) => {
this.g = res.data.list
uni.hideNavigationBarLoading();
}
);
},
},
};
</script>
<style>
.coupondetailsStyle {
width: 100%;
height: 100%;
background: #D1BA8C;
padding-top:10px ;
}
.coupondetailsStyle .cd_box{
width: 94%;
border-radius: 10rpx;
background: #fff;
margin-left: 3%;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
}
.cd_box .cd_name{
font-size: 14px;
color: #82848a;
margin-top: 30px;
}
.cd_box .sub_price{
font-size: 32px;
margin-top: 10px;
}
.cd_box .condition{
font-size: 16px;
margin-top: 5px;
}
.cd_box .receive{
width: 130px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
color: #fff;
margin-top: 15px;
border-radius: 15px;
}
.cd_box .c_name{
width: 90%;
font-size: 14px;
color: #82848a;
}
.cd_box .cd_content{
padding: 15px 0;
width: 90%;
font-size: 15px;
}
</style>
pages/coupon/index/index.vue 0 → 100644
View file @ 43365a55
<template>
<view class="couponStyle" :style="{ height: contentHeight }">
<u-tabs
:list="list"
:is-scroll="false"
:current="current"
@change="change"
:active-color="mainColor"
></u-tabs>
<u-empty v-if="g.length == 0" text="暂无相关优惠券" mode="coupon"></u-empty>
<view
v-if="g.length > 0"
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
padding-top: 10px;
padding-bottom: 50px;
"
>
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }"
>
<view class="couponList">
<view class="item" v-for="(x, i) in g" :key="i">
<view class="ticket">
<view class="miane">
<view class="money">
<text class="small" v-if="x.coupon.type==2">￥</text>
<text style="font-size: 44px;">{{x.sub_price.toString().split('.')[0]}}</text>
<text class="small" v-if="x.coupon.type==1">折</text>
</view>
<view class="tiaojian">满{{x.coupon_min_price}}元可用</view>
</view>
</view>
<view class="detail">
<view class="coupond">
<view class="name">{{x.coupon.name}}</view>
<view class="date">{{x.start_time+"-"+x.end_time}}</view>
<Text class="rule" v-if='x.coupon.appoint_type==1'>限商品类别</Text>
<Text class="rule" v-if='x.coupon.appoint_type==2'>限商品</Text>
<Text class="rule" v-if='x.coupon.appoint_type==3'>全场通用</Text>
<Text class="rule" v-if='x.coupon.appoint_type==4'>当面付</Text>
</view>
</view>
</view>
</view>
<u-divider
contentPosition="center"
v-if="isover"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
>没有更多优惠券了</u-divider
>
</scroll-view>
</view>
<view style="width: 100%;height: 50px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;bottom: 0;">
<Text>去领券</Text>
</view>
<!-- 加载中 -->
<view class="loading" v-if="loading">
<u-loading mode="flower" size="48">></u-loading>
<Text style="color: #fff; margin-top: 10rpx;">加载中...</Text>
</view>
<!-- 取消提示 -->
<u-toast ref="uToast" />
</view>
</template>
<script>
export default {
components: {
},
data() {
return {
pageTitle: "我的优惠券",
current: 0,
list: [
{ name: "未使用" },
{ name: "已使用" },
{ name: "已过期" },
],
mainColor: "",
contentHeight: 0,
page: 1,
page_count: 1,
g: [],
loading: false,
showModal: false,
item: "",
index: 0,
isover: false,
};
},
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
this.mainColor = this.$uiConfig.mainColor;
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad: function (option) {
//option为object类型，会序列化上个页面传递的参数
// this.current = option.status;
this.loading = true;
this.init();
},
methods: {
change(index) {
console.log(index)
this.current = index;
this.page = 1;
this.g = [];
this.loading = true;
this.init();
},
init() {
this.isover = false;
let h = this.apiheader();
this.request(
{
url: "",
header: h,
data: {
r: "api/coupon/user-coupon",
status: this.current+1,
page: this.page,
},
},
(res) => {
this.loading = false;
if(res.data.list.length>0){
this.g = this.g.concat(res.data.list);
// TODO 这里没返一共多少页 注意下
// this.page_count = res.data.pagination.page_count;
// if (this.page_count == 1) {
// this.isover = true;
// }
}
}
);
},
lower(e) {
if (this.page < this.page_count) {
this.page++;
this.init();
} else {
this.isover = true;
}
},
},
};
</script>
<style>
.couponStyle {
width: 100%;
height: 100%;
background: #f3f4f6;
position: relative;
}
.couponStyle .loading {
width: 180rpx;
height: 180rpx;
background: #000000;
opacity: 0.7;
border-radius: 10rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
left: 50%;
top: 30%;
margin-left: -100rpx;
z-index: 999;
}
.couponStyle .couponList{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.couponStyle .couponitem{
width: 94% ;
display: flex;
align-items: center;
height: 180rpx;
background: #F2EBE4;
margin-top: 20rpx;
}
.couponStyle .couponitem .couponitem_l{
width: 180rpx;
height: 180rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
padding: 20rpx;
color: #fff;
}
.couponStyle .couponitem .couponitem_r{
width: calc(100vw - 220rpx);
height: 180rpx;
display: flex;
flex-direction: column;
padding: 20rpx;
justify-content: space-around;
}
.couponStyle .item {
display: flex;
margin-top: 10px;
align-items: flex-start;
background: #fff;
width: 94%;
}
.couponStyle .item .ticket {
position: relative;
background-image: linear-gradient(
to bottom right,
rgb(225, 206, 168),
rgb(195, 166, 116)
);
width: 125px;
height: 100px;
display: flex;
align-items: center;
color: #fff;
}
.couponStyle .item .ticket .miane .money {
font-family: "oswald";
font-weight: bold;
size: 64px;
width: 125px;
text-align: center;
}
.couponStyle .item .ticket .miane .money .small {
font-size: 20px;
}
.couponStyle .item .ticket .miane .tiaojian {
font-size: 14px;
width: 125px;
text-align: center;
}
.couponStyle .item .detail {
width: 100%;
height: 100px;
background: #F2EBE4;
padding: 10px;
display: flex;
}
.couponStyle .item .detail .coupond {
flex:1;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.couponStyle .item .detail .coupond .name {
font-size: 16px;
font-weight: 600;
color: #000;
}
.couponStyle .item .detail .coupond .date {
margin-top: 5px;
font-size: 12px;
color: #777;
}
.couponStyle .item .detail .coupond .rule{
font-size: 12px;
color:#777;
margin-top:5 px;
}
.couponStyle .item .detail .chosen {
width: 20px;
}
.couponStyle .item .ticket:before {
content: "";
display: block;
width: 12px;
height: 100%;
background-size: 12px 12px; /* 一个repeat的大小 */
background-repeat: repeat-y;
background-image: radial-gradient(#f5f5f5 4px, transparent 4px);
position: absolute;
top: 0;
}
.couponStyle .item .ticket:before {
left: -6px;
}
</style>
pages/coupon/list/list.vue 0 → 100644
View file @ 43365a55
<template>
<view class="couponlistStyle" :style="{ height: contentHeight }">
<u-empty v-if="g.length == 0" text="暂无相关优惠券" mode="coupon"></u-empty>
<view
v-if="g.length > 0"
style="
height: calc(100vh );
width: calc(100vw);
overflow: hidden;
"
>
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
:style="{ height: '100%' }"
>
<view class="couponlist">
<view class="c_list_item" v-for="(x, i) in g" :key="i" @click="goUrl(x.id)">
<view class="item_top">
<view class="item_top_l">
<view style="display: flex;align-items: flex-end;">
<Text style='font-size: 32px;'>{{x.type==1?x.discount: x.sub_price.toString().split('.')[0]}} </Text>
<Text style='font-size: 14px;'>{{x.type==1?'折':""}}</Text>
</view>
<view style="display: flex;flex-direction: column;margin-left: 10px;width: 210px;">
<Text class='top_title'>{{x.name}}</Text>
<Text>满{{x.min_price}}可用</Text>
</view>
</view>
<view class="receive">
<Text>立即领取</Text>
</view>
</view>
<view class="item_b">
<Text v-if='x.expire_type==1'>领券后{{x.expire_day}}天过期</Text>
<Text v-if='x.expire_type==2'>有效日期{{x.begin_time}}-{{x.end_time}}</Text>
<Text class='top_title' v-if='x.appoint_type==1'>适用类别: <Text v-for="(item, index) in x.goods" :key="index">{{item.name}}</Text> </Text>
<Text class='top_title' v-if='x.appoint_type==2'>适用商品: <Text v-for="(item, index) in x.goods" :key="index">{{item.name}}</Text> </Text>
<Text class='top_title' v-if='x.appoint_type==3'>适用范围:全场通用</Text>
<Text class='top_title' v-if='x.appoint_type==4'>适用方式:当面付</Text>
</view>
</view>
</view>
</scroll-view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "领券中心",
mainColor: "",
contentHeight: 0,
g: [],
loading: false,
};
},
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
this.mainColor = this.$uiConfig.mainColor;
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad: function (option) {
//option为object类型，会序列化上个页面传递的参数
this.loading = true;
this.init();
},
methods: {
init() {
uni.showNavigationBarLoading();
let h = this.apiheader();
this.request(
{
url: "",
header: h,
data: {
r: "api/coupon/list",
},
},
(res) => {
this.loading = false;
if(res.data.list.length>0){
this.g = res.data.list;
}
uni.hideNavigationBarLoading();
}
);
},
goUrl(id){
uni.navigateTo({
url: "/pages/coupon/details/details?coupon_id=" +id
});
}
},
};
</script>
<style>
.couponlistStyle {
width: 100%;
height: 100%;
background: #f3f4f6;
}
.couponlistStyle .couponlist{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.couponlistStyle .c_list_item{
width: 94%;
display: flex;
flex-direction: column;
border-radius: 10rpx;
overflow: hidden;
margin-top: 10px;
border:1px solid #f5f5f5
}
.couponlistStyle .c_list_item .item_top{
width: 100%;
height: 90px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
background-image: linear-gradient(
to bottom right,
rgb(195, 166, 116),
rgb(225, 206, 168)
);
color: #fff;
}
.couponlistStyle .c_list_item .item_top .item_top_l{
display: flex;
align-items: center;
}
.couponlistStyle .c_list_item .top_title{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.couponlistStyle .c_list_item .item_top .receive{
width: 90px;
height: 30px;
border-radius: 15px;
background: #fff;
color: rgb(225, 206, 168);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.couponlistStyle .item_b{
width: 100%;
height: 60px;
display: flex;
flex-direction: column;
padding: 10px;
background-color: #fff;
justify-content: space-around;
font-size: 14px;
position: relative;
}
.couponlistStyle .c_list_item .item_b:before {
content: "";
display: block;
width: 100%;
height: 12px;
background-size: 12px 12px; /* 一个repeat的大小 */
background-repeat: repeat-x;
background-image: radial-gradient(#fff 4px, transparent 4px);
position: absolute;
left: 0;
}
.couponlistStyle .c_list_item .item_b:before {
top: -6px;
}
</style>
pages/order/index/index.vue
View file @ 43365a55
......@@ -188,7 +188,6 @@ export default {
{ name: "全部" },
{ name: "待付款" },
{ name: "待发货" },
{ name: "待收货" },
{ name: "待评价" },
{ name: "已完成" },
{ name: "已取消" }
......
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