Skip to content

P
pica-professional-exam
提交 0edc7edb 编写于 作者: zhongyao.qiao's avatar zhongyao.qiao
浏览文件
操作

Merge branch 'feature/ljq' into 'release' 

Feature/ljq

See merge request !9
上级 61a3a6b6 a75e289c
展开全部 显示空白字符变更
内嵌 并排
正在显示 包含 5399 行增加 和 2903 行删除
package-lock.json
浏览文件 @ 0edc7edb
此差异已折叠。
src/components/common/common-navbar.vue
浏览文件 @ 0edc7edb
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div <div
class="nav-part" class="nav-part"
:style="'background:' + bgColor + ';' :style="'background:' + bgColor + ';'
+ 'padding-top:' + paddingTop + ';border-bottom:' + borderStyle" + 'padding-top:' + paddingTop+ ';padding-bottom:' + paddingbtm + ';border-bottom:' + borderStyle"
> >
<div class="nav-title"> <div class="nav-title">
<span class="nav-back" @click="goBack"> <span class="nav-back" @click="goBack">
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
<img v-show="!isBlack" src="../../images/cme/share-icon-white.png"/> <img v-show="!isBlack" src="../../images/cme/share-icon-white.png"/>
</span> </span>
</div> </div>
<slot name="tabs" />
</div> </div>
</section> </section>
</template> </template>
...@@ -30,7 +31,7 @@ export default { ...@@ -30,7 +31,7 @@ export default {
return { return {
// isWeb: window.__isWeb, // isWeb: window.__isWeb,
navbarHeight: 28, navbarHeight: 38,
contentHeight: 35, contentHeight: 35,
fontSize: 37.5, fontSize: 37.5,
content: "", content: "",
...@@ -97,10 +98,19 @@ export default { ...@@ -97,10 +98,19 @@ export default {
type: String | Number, type: String | Number,
default: "" default: ""
}, },
paddingbtm: {
type: String | Number,
default: "0px"
},
isInMergeDetail: { isInMergeDetail: {
type: Boolean, type: Boolean,
default: true default: true
},
isCustomBack: {
type: Boolean,
default: false
} }
}, },
computed: { computed: {
...mapGetters(["userInfo"]), ...mapGetters(["userInfo"]),
...@@ -109,7 +119,7 @@ export default { ...@@ -109,7 +119,7 @@ export default {
return 0; return 0;
// return (this.contentHeight) / this.fontSize + 'rem'; // return (this.contentHeight) / this.fontSize + 'rem';
} else { } else {
return (this.navbarHeight + this.contentHeight) / this.fontSize + "rem"; return (this.navbarHeight + this.contentHeight +10) / this.fontSize + "rem";
} }
}, },
paddingTop() { paddingTop() {
...@@ -124,11 +134,16 @@ export default { ...@@ -124,11 +134,16 @@ export default {
methods: { methods: {
//返回 //返回
goBack() { goBack() {
if(this.isCustomBack){
this.$emit("customBack");
}else{
if(this.isWeb) { if(this.isWeb) {
window.history.back(); window.history.back();
} else { } else {
rocNative.goBack(); rocNative.goBack();
} }
}
}, },
// 生成分享的url // 生成分享的url
......
src/router/router.js
浏览文件 @ 0edc7edb
...@@ -14,6 +14,7 @@ const questionBank = r => require.ensure([], () => r(require('../views/question- ...@@ -14,6 +14,7 @@ const questionBank = r => require.ensure([], () => r(require('../views/question-
const questionDetail = r => require.ensure([], () => r(require('../views/question-detail')), 'question-detail') const questionDetail = r => require.ensure([], () => r(require('../views/question-detail')), 'question-detail')
const couponList = r => require.ensure([], () => r(require('../views/coupon/coupon-list')), 'coupon-list') const couponList = r => require.ensure([], () => r(require('../views/coupon/coupon-list')), 'coupon-list')
const couponCenter= r => require.ensure([], () => r(require('../views/coupon-center/index')), 'coupon-center')
export default [{ export default [{
path: '/', path: '/',
...@@ -80,6 +81,13 @@ export default [{ ...@@ -80,6 +81,13 @@ export default [{
meta: { meta: {
title: '优惠券' title: '优惠券'
} }
},
{
path: '/coupon-center',
component: couponCenter,
meta: {
title: '领券中心'
}
} }
] ]
}] }]
src/store/modules/user.js
浏览文件 @ 0edc7edb
...@@ -10,6 +10,7 @@ wxInfo = wxInfo ? JSON.parse(wxInfo) : {}; ...@@ -10,6 +10,7 @@ wxInfo = wxInfo ? JSON.parse(wxInfo) : {};
const user = { const user = {
state: { state: {
token: localStorage.getItem('couponToken') || getCookie('couponToken') || '', token: localStorage.getItem('couponToken') || getCookie('couponToken') || '',
// token:"56659917439B44E891AF0C107E05038D",
info: {}, // 用户信息 info: {}, // 用户信息
wxInfo, // 微信信息，openid等 wxInfo, // 微信信息，openid等
wxCode: '', // 微信code wxCode: '', // 微信code
......
src/utils/env-config.js
浏览文件 @ 0edc7edb
...@@ -8,12 +8,12 @@ export const envConfig = { ...@@ -8,12 +8,12 @@ export const envConfig = {
// baseUrl: 'http://10.177.15.180:10202/', // baseUrl: 'http://10.177.15.180:10202/',
// baseUrl: 'http://192.168.140.14:10201/', // baseUrl: 'http://192.168.140.14:10201/',
baseUrl: "https://dev-sc.yunqueyi.com/", baseUrl: 'https://test1-sc.yunqueyi.com/',
apiUrl: "https://dev-api.yunqueyi.com/", apiUrl: 'https://dev-api.yunqueyi.com/',
webPageUrl: "https://dev-phome.yunqueyi.com/", webPageUrl: 'https://dev-phome.yunqueyi.com/',
hactiveUrl: "https://dev-hactive.yunqueyi.com", hactiveUrl: 'https://dev-hactive.yunqueyi.com',
fileUrl: "https://dev-www.yunqueyi.com", fileUrl: 'https://dev-www.yunqueyi.com',
appId: "wx2c577552a2d28550", // 用于微信授权登录 appId: 'wx2c577552a2d28550', // 用于微信授权登录
wxType: 15, // 分享、用户信息对应的appid wxType: 15, // 分享、用户信息对应的appid
tradeType: 4, tradeType: 4,
...@@ -49,7 +49,8 @@ export const envConfig = { ...@@ -49,7 +49,8 @@ export const envConfig = {
// tradeType: 4, // tradeType: 4,
}, },
dev: { dev: {
baseUrl: "https://dev-sc.yunqueyi.com/", // baseUrl: "https://dev-sc.yunqueyi.com/",
baseUrl: 'https://test1-sc.yunqueyi.com/',
apiUrl: "https://dev-api.yunqueyi.com/", apiUrl: "https://dev-api.yunqueyi.com/",
webPageUrl: "https://dev-phome.yunqueyi.com/", webPageUrl: "https://dev-phome.yunqueyi.com/",
hactiveUrl: "https://dev-hactive.yunqueyi.com", hactiveUrl: "https://dev-hactive.yunqueyi.com",
......
src/utils/index.js
浏览文件 @ 0edc7edb
...@@ -70,6 +70,7 @@ export function getTradeType() { ...@@ -70,6 +70,7 @@ export function getTradeType() {
// 根据不同环境，生成URL // 根据不同环境，生成URL
function getConfigByEnvType(urlType) { function getConfigByEnvType(urlType) {
console.log(process.env.BUILD_ENV,'process.env.BUILD_ENV')
return envConfig[process.env.BUILD_ENV][urlType] return envConfig[process.env.BUILD_ENV][urlType]
} }
......
src/utils/mixins.js
浏览文件 @ 0edc7edb
...@@ -231,7 +231,6 @@ module.exports = { ...@@ -231,7 +231,6 @@ module.exports = {
// 校验token，有效则调用回调函数，否则调起原生登陆页面 // 校验token，有效则调用回调函数，否则调起原生登陆页面
commonCheckToken(cb) { commonCheckToken(cb) {
console.log('5555 this.token', this.token);
let param = { let param = {
token: this.token || this.$store.state.user.token || this.$store.state.coop.userInfo.userToken || localStorage.getItem("couponToken") || getCookie("couponToken"), token: this.token || this.$store.state.user.token || this.$store.state.coop.userInfo.userToken || localStorage.getItem("couponToken") || getCookie("couponToken"),
// token: this.token || this.$store.state.user.token || this.$store.state.coop.userInfo.userToken, // token: this.token || this.$store.state.user.token || this.$store.state.coop.userInfo.userToken,
...@@ -239,16 +238,16 @@ module.exports = { ...@@ -239,16 +238,16 @@ module.exports = {
}; };
console.log('this.token || this.$store.state.user.token || this.$store.state.coop.userInfo.userToken', this.token, this.$store.state.user.token, this.$store.state.coop.userInfo.userToken); console.log('this.token || this.$store.state.user.token || this.$store.state.coop.userInfo.userToken', this.token, this.$store.state.user.token, this.$store.state.coop.userInfo.userToken);
this.GET("campaign/admin/task/checkToken", param).then(res => { this.GET("campaign/admin/task/checkToken", param).then(res => {
if (res.code !== "000000") { // if (res.code !== "000000") {
console.log('commonCheckToken', window.__isWeb); // console.log('commonCheckToken', window.__isWeb);
if(window.__isWeb) { // if(window.__isWeb) {
this.goLogin(); // this.goLogin();
} else { // } else {
rocNative.gotoLogin(); // rocNative.gotoLogin();
} // }
} else { // } else {
cb && cb() cb && cb()
} // }
}); });
}, },
......
src/views/coupon-center/index.vue 0 → 100644
浏览文件 @ 0edc7edb
<template>
<section
class="coupon-list-wrapper"
:class="{ 'no-pt': isWeb, 'pt-88': isWeb }"
>
<div class="page-wrapper">
<!-- <common-header
:bg-color="bgColor"
title="领券中心"
:is-black="true"
:is-fixheader="true"
:is-hundred-height="true"
/> -->
<CommonNavbar
:isWeb="isWeb"
ref="navBarCom"
:bgColor="bgColor"
:paddingbtm="paddingbtm"
v-if="isShowNavbar"
:title="navTitle"
:isFixNavbar="isFixNavbar"
:isInMergeDetail="isInMergeDetail"
:isCustomBack="true"
@customBack="goBack"
>
</CommonNavbar>
<div class="page-content">
<van-pull-refresh
style="height: 100%; overflow: auto"
v-model="refreshing"
@refresh="onRefresh"
class="refresh-list"
>
<van-list
:immediate-check="false"
v-if="couponList.length"
class="list"
enable-flex
scroll-y
v-model="loading"
:finished="finished"
@load="getSearchCoupons"
>
<coupo-item
v-for="(item, index) in couponList"
:key="index"
:class="['item', index == couponList.length - 1 ? 'pbt-50' : '']"
:coupon-detail="item"
:show-tips.sync="item.showTips"
:has-tips="hasTips"
:has-down.sync="item.hasDown"
:has-stock="false"
@goUse="
(item) => {
chooseCoupon(item, index);
}
"
/>
</van-list>
<div v-else>
<empty />
</div>
</van-pull-refresh>
</div>
<coupon-tips :visible.sync="show" @close="close" />
</div>
</section>
</template>
<script>
import CoupoItem from "../coupon/components/coupon-item.vue";
import empty from "../coupon/components/empty.vue";
// import CommonHeader from '@/components/common/header';
import CommonNavbar from "@/components/common/common-navbar";
import CouponTips from "../coupon/components/coupon-tips.vue";
// import { getSearchCoupons, receiveCoupon } from "@/api/coupon.js";
import { getWebPageUrl, getHactiveUrl } from "@/utils";
import { mapGetters, mapActions } from "vuex";
import { setCookie, getCookie, delCookie } from "@/utils/index";
export default {
components: {
CoupoItem,
empty,
// CommonHeader,
CommonNavbar,
CouponTips,
},
data() {
return {
couponList: [],
hasTips: true,
show: false,
token: "",
couponToken: "",
shareUrl: "",
isWeb: window.__isWeb,
bgColor: "#fff",
paddingbtm: 0,
isShowNavbar: true,
navTitle: "领券中心",
isFixNavbar: true,
isInMergeDetail: false,
loading: false,
refreshing: false,
finished: false,
};
},
watch: {
webUserInfo: {
handler(userInfo) {
console.log("userInfo", userInfo);
if (userInfo.id) {
this.getSearchCoupons();
}
},
deep: true,
},
},
computed: {
...mapGetters(["webUserInfo"]),
},
created() {
let _this = this;
let href = location.href;
this.couponToken = this.$route.query.couponToken || "";
this.shareUrl = getWebPageUrl(`profexam/#/coupon-center`);
if (href.indexOf("singlemessage") >= 0 || href.indexOf("wx_code") >= 0) {
location.replace(this.shareUrl);
}
localStorage.setItem("returnUrl", this.shareUrl);
window.__getUserInfo4CouponList = function (param) {
console.log("__getUserInfo4CouponList", param);
_this.token = param.userToken;
_this.setUserInfo(param);
_this.getSearchCoupons();
};
window.__refresh = function () {
console.log(1);
_this.getUserInfo();
};
},
mounted() {
// 如果在浏览器或微信里
if (this.isWeb) {
const { token, info } = this.$store.state.user;
this.token =
token ||
this.couponToken ||
localStorage.getItem("couponToken") ||
getCookie("couponToken");
if (this.token && !info.id) {
console.log("4444 this.token", this.token);
// this.$store.dispatch('setToken', this.token);
this.commonCheckToken(() => {
this.$store.dispatch("setToken", this.token);
// this.$store.dispatch("getUserInfo");
});
}
// 从登陆页面过来的
this.getSearchCoupons();
} else {
this.getUserInfo();
}
},
methods: {
...mapActions(["setUserInfo"]),
onRefresh() {
// 重新加载数据
// 将 loading 设置为 true，表示处于加载状态
this.getSearchCoupons();
},
//获取用户信息
getUserInfo() {
rocNative.getUserInfo({
__funcName: "__getUserInfo4CouponList",
});
},
getSearchCoupons() {
this.loading = true;
this.POST(`trade/coupon/app/searchCoupons`, {}).then((res) => {
res.data.baseCouponModelList.forEach((item) => {
item.showTips = false;
item.hasDown = false;
});
this.couponList = JSON.parse(
JSON.stringify(res.data.baseCouponModelList)
);
this.loading = false;
this.finished = true;
this.refreshing = false;
});
},
chooseCoupon(item, index) {
switch (item.couponStatus) {
case 0:
this.POST(
`/trade/coupon/app/receive/${item.couponId}/${item.grantConfigId}`,
{}
)
.then((res) => {
console.log(res, "receiveCoupon");
// couponType 1 满减 2 立减 todo 现金红包
// if (item.couponType === 2) {
// this.show = true;
// } else {
this.$toast("领取成功");
// this.getSearchCoupons();
// }
})
.catch((err) => {
this.$set(this.couponList[index], "hasDown", false);
this.$toast(err.message);
console.log("err", err);
});
break;
case 1:
// uni.switchTab({
// url: "/pages/home/index",
// });
let webUrl = getWebPageUrl(`consultationHome?from=exam`);
location.replace(webUrl);
break;
default:
break;
}
console.log(this.show, item);
},
close() {},
goBack() {
console.log("back");
window.history.back();
},
},
};
</script>
<style lang="less" scoped>
.pt-88 {
padding-top: 88px;
}
.coupon-list-wrapper {
min-height: 100vh;
background: #f8f9fa;
overflow-y: hidden;
&.no-pt {
padding-top: 10px;
}
}
.page-wrapper {
overflow-y: hidden;
padding-top: 84px;
height: 100vh;
display: flex;
flex-direction: column;
::v-deep .nav-title {
border-bottom: 1px solid transparent !important;
position: relative !important;
}
.ios_safe_height {
background-color: #fff;
}
.page-content {
height: 100%;
}
.list {
padding: 10px 12px 0 ;
height: calc(100vh);
}
.pbt-50 {
padding-bottom: 50px;
}
}
</style>
\ No newline at end of file
src/views/coupon-old/coupon-list.vue 0 → 100644
浏览文件 @ 0edc7edb
此差异已折叠。
src/views/coupon/components/coupon-bottom.vue 0 → 100644
浏览文件 @ 0edc7edb
<template>
<div class="coupon-bottom">
<div class="coupon-main flex">
<div class="flex coupon-bottom-left">
<img
class="purse"
src="https://files.yunqueyi.com/image/png/common/20240425190946978.png"
/>
<span class="more">领更多好券</span>
</div>
<div class="flex coupon-bottom-right">
<div class="center" @click="goCenter">去领券中心</div>
<!-- <van-icon
name="arrow"
color="#999999"
size="12px"
/> -->
<img
class="arrow-right"
src="https://files.yunqueyi.com/image/png/common/20240612165652648.png"
/>
</div>
</div>
<div class="bottom" />
</div>
</template>
<script>
export default {
components: {},
props: {},
emits: [],
data() {
return {};
},
mounted() {},
methods: {
goCenter() {
console.log(111, "111");
this.$router.push({
path: "/coupon-center",
// query: { backMethod: 'web' },
});
},
},
};
</script>
<style lang="less" scoped>
.coupon-bottom {
position: fixed;
width: 100%;
background: #fff;
z-index: 2;
bottom: 0;
z-index: 111;
// padding-bottom: calc(25rpx + constant(safe-area-inset-bottom));
// padding-bottom: calc(25rpx + env(safe-area-inset-bottom));
.coupon-main {
padding: 12px 20px;
box-shadow: inset 0 -1px 0 0 #e7e8e7;
justify-content: space-between;
.purse {
height: 23px;
width: 22px;
margin-right: 8px;
}
.more {
font-weight: 600;
font-size: 15px;
color: #5f3c15;
line-height: 24px;
}
.center {
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 14px;
margin-right: 3px;
}
}
&-right {
align-items: center;
}
.bottom {
height: 26px;
width: 100%;
background-color: #fff;
}
.flex {
display: flex;
}
.arrow-right {
display: flex;
height: 12px;
width: 6px;
margin-left: 3px;
}
}
</style>
src/views/coupon/components/coupon-item.vue 0 → 100644
浏览文件 @ 0edc7edb
此差异已折叠。
src/views/coupon/components/coupon-tips.vue 0 → 100644
浏览文件 @ 0edc7edb
<template>
<div>
<van-dialog
v-model="visible"
class="coupon-dialog"
:show-confirm-button="false"
>
<div class="body">
<div class="title">
<div class="title-text">
领取成功!
</div>
<div
class="title-close"
@click="close"
>
<van-icon
name="cross"
size="22"
color="#aaaaaa"
/>
</div>
</div>
<div class="card-item">
<div class="flex stretch">
<div class="card-item-left shadow">
<div class="card-item-left-top">
<span class="unit">¥</span> <span class="amount">
20
</span>
</div>
<div class="card-item-left-bottom">
现金红包
</div>
</div>
<div class="card-item-right flex shadow">
<div class="card-item-right-center">
<div class="right-coupon">
可至「云鹊医App-个人中心-账户余额」中提现
</div>
</div>
</div>
</div>
</div>
<div class="card-bottom">
<span class="card-text"> 去提现 </span>
</div>
</div>
</van-dialog>
</div>
</template>
<script>
export default {
components: {},
props: {
tabsDetail: {
type: Array,
default() {
return [];
},
},
visible: {
type: Boolean,
},
},
data() {
return {
currentIndex: 0,
};
},
mounted() {},
methods: {
changeTab(index) {
if (this.currentIndex === index) return;
this.currentIndex = index;
this.$emit('changeTab', this.currentIndex);
},
close() {
this.$emit('update:visible', false);
this.$emit('close', false);
},
},
};
</script>
<style scoped lang="less">
.coupon-dialog{
/deep/ .van-dialog__content{
height: 273px;
}
.body {
height: 215px;
width: 295px;
background: url("https://files.yunqueyi.com/image/png/common/20240510112413239.png")
no-repeat;
background-size: 100% 100%;
border-radius: 12px;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
padding: 28px 24px 30px;
.title {
position: relative;
margin-bottom: 25px;
&-text {
font-weight: 600;
font-size: 28px;
color: #812603;
line-height: 28px;
text-align: center;
font-style: normal;
}
&-close {
position: absolute;
top: -4px;
right: 0;
}
}
.card-item {
margin-bottom: 10px;
&-left {
width: 119px;
&-top {
font-weight: 600;
font-size: 33px;
color: #fff;
line-height: 33px;
text-align: center;
margin-top: 20px;
display: flex;
align-items: baseline;
justify-content: center;
.unit {
font-weight: 600;
font-size: 15px;
color: #fff;
line-height: 15px;
}
.amount {
font-weight: 600;
font-size: 33px;
color: #fff;
line-height: 33px;
}
}
&-bottom {
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 12px;
text-align: center;
margin-top: 6px;
}
}
// .bar {
// position: relative;
// &-top {
// width: 22rpx;
// height: 12rpx;
// background: #f5f6f8;
// border-radius: 0 0 50% 50%;
// line-height: 22rpx;
// left: -11rpx;
// position: absolute;
// }
// &-center {
// width: 2rpx;
// // min-height: 200rpx;
// background-image: linear-gradient(to bottom, #fe624a 0%, #fe624a 80%, transparent 50%);
// background-size: 3rpx 18rpx;
// background-repeat: y-repeat;
// opacity: 0.1;
// }
// &-bottom {
// width: 22rpx;
// height: 12rpx;
// border-radius: 50% 50% 0 0;
// background: #f5f6f8;
// line-height: 22rpx;
// left: -11rpx;
// bottom: 0rpx;
// position: absolute;
// }
// }
&-right {
flex: 1;
// min-height: 200rpx;
justify-content: space-between;
&-center {
padding: 0 14px;
height: 100px;
.right-coupon {
font-weight: 600;
font-size: 13px;
color: #fff;
line-height: 15px;
padding-top: 31px;
}
}
}
}
// .shadow {
// box-shadow: 0rpx 6rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
// }
.flex{
display: flex;
}
.stretch {
align-items: stretch;
}
.card-bottom {
padding: 15px 0;
margin: 0 5px;
text-align: center;
background: url("https://files.yunqueyi.com/image/png/common/20240510135801168.png")
no-repeat;
background-size: 100% 100%;
.card-text {
font-weight: 600;
font-size: 16px;
color: #ffffff;
line-height: 19px;
letter-spacing: 1px;
text-shadow: 0px 0px 10px #ff0009;
text-align: center;
font-style: normal;
}
}
}
}
</style>
src/views/coupon/components/empty.vue 0 → 100644
浏览文件 @ 0edc7edb
<template>
<div>
<div class="empty">
<img
class="empty-image"
src="../../../images/empty.png"
>
<div class="empty-text">
您还没有优惠券
</div>
</div>
</div>
</template>
<script>
export default {
components: {},
props: {},
emits: [],
data() {
return {
};
},
mounted() {},
methods: {},
};
</script>
<style lang="less" scoped>
.empty {
text-align: center;
margin-top: 40%;
height: 100%;
&-image {
width: 218px;
height: 102px;
margin: 0 auto;
}
&-text {
font-weight: 400;
font-size: 13px;
color: #999999;
line-height: 21px;
}
}
</style>
src/views/coupon/components/tabs.vue 0 → 100644
浏览文件 @ 0edc7edb
<template>
<div>
<div class="tabs">
<div class="tab-holder" />
<div
v-for="(item, index) in tabsDetail"
:key="index"
class="tab-item"
:class="{ active: index === currentIndex }"
@click="changeTab(index)"
>
<span>{{ item.title }}</span>
</div>
<div class="tab-holder" />
</div>
</div>
</template>
<script>
export default {
components: {},
props: {
defaultIndex: {
type: Number,
default() {
return 0;
},
},
tabsDetail: {
type: Array,
default() {
return [];
},
},
},
data() {
return {
currentIndex: this.defaultIndex,
};
},
mounted() {
},
methods: {
changeTab(index) {
if (this.currentIndex === index) return;
this.currentIndex = index;
this.$emit('changeTab', this.currentIndex);
},
},
};
</script>
<style lang="less" scoped>
.tabs {
// position: fixed;
top: 84px;
left: 0;
right: 0;
width: 100vw;
height: 50px;
display: flex;
white-space: nowrap;
background-color: #fff;
// border-bottom: 1px solid #e7e8e7;
z-index: 111;
.tab-item {
position: relative;
display: flex;
flex: 1;
align-items: center;
justify-content: center;
padding: 0 14px;
font-weight: 600;
font-size: 15px;
color: #979899;
&.active {
color: #373839;
&::after {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
display: block;
content: "";
width: 22px;
height: 3px;
background: #fe6d0e;
border-radius: 2px;
z-index: 1;
}
}
}
.tab-holder {
flex: 0 0 6px;
}
}
</style>
src/views/coupon/coupon-list.vue
浏览文件 @ 0edc7edb
此差异已折叠。
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或