ZF sun
783c10fc62
本次提交对全项目的国际化调用进行了规范化重构：
1. 为中文/英文语言包新增了avatar和gender的别名映射，兼容旧有headImg/sex写法
2. 修正了lang.js中的注释路径错误
3. 将所有页面和组件内的$lang调用从短路径改为带业务模块前缀的完整命名空间路径，例如将$lang('title')改为$lang('article.list.title')
4. 优化了i18n-lazy.js的注释说明，补充了正确的key命名格式示例
5. 统一了分销、订单、会员等模块的国际化key层级，确保所有语言调用路径一致
808 lines
22 KiB
Vue
808 lines
22 KiB
Vue
<template>
|
|
<view class="apply" :style="themeColor">
|
|
<!-- 导航栏 -->
|
|
<!-- #ifdef H5 -->
|
|
<view class="head-nav color-base-bg"></view>
|
|
<!-- #endif -->
|
|
<!-- #ifndef H5 -->
|
|
<!-- <view class="head-nav color-base-bg" :class="{ active: isIphoneX }"></view> -->
|
|
<!-- #endif -->
|
|
|
|
<view v-if="status === ''">
|
|
<block v-if="basicsConfig.is_apply == 1">
|
|
<view class="image" :class="fenXiaoAgreement.agreement.img ? '' : 'color-base-bg'">
|
|
<image v-if="fenXiaoAgreement.agreement.img" class="apply-adv" :src="$util.img(fenXiaoAgreement.agreement.img)" mode="widthFix" style="width: 100%;" show-menu-by-longpress/>
|
|
<view class="bg ns-gradient-otherpages-fenxiao-apply-apply-bg" v-else>
|
|
<view class="bg-title"><text>{{ $lang('fenxiao.apply.pleaseFillApplyInfo') }}</text></view>
|
|
<view class="bg-img">
|
|
<image :src="$util.img('public/uniapp/fenxiao/apply/edit.png')" mode="scaleToFill" show-menu-by-longpress></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="apply-wrap">
|
|
<view class="app-info">
|
|
<view class="info">
|
|
<view class="apply-item">
|
|
<view class="title">{{ $lang('fenxiao.apply.inviter') }}</view>
|
|
<text class="shuru">{{ sourceMemberInfo.fenxiao_name || $lang('fenxiao.apply.none') }}</text>
|
|
</view>
|
|
<view class="apply-item">
|
|
<view class="title">{{ fenxiaoWords.fenxiao_name }}{{ $lang('fenxiao.apply.nameLabel') }}</view>
|
|
<input class="input" type="text" maxlength="30" :placeholder="$lang('fenxiao.apply.namePlaceholder', { name: fenxiaoWords.fenxiao_name })" v-model="formData.fenXiaoName" placeholder-class="pla-cla" />
|
|
</view>
|
|
<view class="apply-item">
|
|
<view class="title">{{ $lang('fenxiao.apply.mobile') }}</view>
|
|
<input class="input" type="number" :placeholder="$lang('fenxiao.apply.mobilePlaceholder')" maxlength="11" v-model="formData.mobile" placeholder-class="pla-cla" />
|
|
</view>
|
|
<view class="apply-xy" v-if="isAgreement" @click="ckeckedRuler()">
|
|
<view class="iconfont" :class="isChecked ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'">
|
|
</view>
|
|
{{ $lang('fenxiao.apply.haveReadAndUnderstand') }}
|
|
<text class="color-base-text" @click.stop="openPopup">{{ $lang('fenxiao.apply.applyAgreement', { name: fenxiaoWords.fenxiao_name }) }}</text>
|
|
</view>
|
|
<view class="apply-btn">
|
|
<button @click="applyFenXiao" class="color-base-bg">{{ $lang('fenxiao.apply.applyBecome', { name: fenxiaoWords.fenxiao_name }) }}</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="apply-message-wrap" v-if="fenxiaoConfig.fenxiao_condition == 2 || fenxiaoConfig.fenxiao_condition == 3">
|
|
<view class="apply-message">
|
|
<view class="apply-message-title color-base-bg-before">{{ $lang('fenxiao.apply.applyConditionTitle') }}</view>
|
|
<text class="apply-message-info font-size-goods-tag" v-if="fenxiaoConfig.fenxiao_condition == 2">
|
|
{{ $lang('fenxiao.apply.conditionConsumeCount', { name: fenxiaoWords.fenxiao_name, count: fenxiaoConfig.consume_count }) }}
|
|
</text>
|
|
<text class="apply-message-info font-size-goods-tag" v-if="fenxiaoConfig.fenxiao_condition == 3">
|
|
{{ $lang('fenxiao.apply.conditionConsumeMoney', { name: fenxiaoWords.fenxiao_name, money: fenxiaoConfig.consume_money }) }}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
<view class="app-info-list" v-if="fenxiaoConfig.fenxiao_condition == 4">
|
|
<view class="apply-message">
|
|
<view class="apply-message-title color-base-bg-before">{{ $lang('fenxiao.apply.applyConditionTitle') }}</view>
|
|
<text class="apply-message-info font-size-goods-tag">{{ $lang('fenxiao.apply.conditionBuyGoods', { name: fenxiaoWords.fenxiao_name }) }}</text>
|
|
</view>
|
|
<view class="goods-list" v-for="(item, index) in goodsList" :key="index" @click="toDetail(item)">
|
|
<view class="goods-img">
|
|
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" show-menu-by-longpress/>
|
|
<view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }}</view>
|
|
</view>
|
|
<view class="goods-content">
|
|
<view class="content-name">{{ isEnEnv ? item.en_goods_name : item.goods_name }}</view>
|
|
<view class="delete-price font-size-activity-tag color-tip content-price">
|
|
<block>
|
|
<text class="unit">{{ $lang('common.currencySymbol') }}</text>
|
|
{{ item.market_price > 0 ? item.market_price : item.price }}
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content-lists" v-if="isShow" @click="onOpen()">
|
|
{{ isOpen ? $lang('fenxiao.apply.expandMore') : $lang('fenxiao.apply.collapse') }}
|
|
<text class="iconfont icon-unfold" style="font-weight: bold;" v-if="isOpen"></text>
|
|
<text class="iconfont icon-fold" v-else></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<view class="empty" v-else-if="basicsConfig.is_apply == 0" style="margin-top:40rpx;">
|
|
<block v-if="fenxiaoConfig.fenxiao_condition == 2 || fenxiaoConfig.fenxiao_condition == 3">
|
|
<image :src="$util.img('public/uniapp/fenxiao/index/no-fenxiao.png')" mode="widthFix" show-menu-by-longpress></image>
|
|
<text v-if="fenxiaoConfig.fenxiao_condition == 2">{{ $lang('fenxiao.apply.conditionConsumeCount', { name: fenxiaoWords.fenxiao_name, count: fenxiaoConfig.consume_count }) }}</text>
|
|
<text v-if="fenxiaoConfig.fenxiao_condition == 3">
|
|
{{ $lang('fenxiao.apply.conditionConsumeMoney', { name: fenxiaoWords.fenxiao_name, money: fenxiaoConfig.consume_money | moneyFormat }) }}
|
|
</text>
|
|
</block>
|
|
<view class="apply-wrap" v-if="fenxiaoConfig.fenxiao_condition == 4">
|
|
<view class="app-info-list">
|
|
<view class="apply-message">
|
|
<view class="apply-message-title color-base-bg-before">{{ $lang('fenxiao.apply.becomeConditionTitle') }}</view>
|
|
<text class="apply-message-info font-size-goods-tag">{{ $lang('fenxiao.apply.becomeConditionBuyGoods', { name: fenxiaoWords.fenxiao_name }) }}</text>
|
|
</view>
|
|
<view class="goods-list" v-for="(item, index) in goodsList" :key="index" @click="toDetail(item)">
|
|
<view class="goods-img">
|
|
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" show-menu-by-longpress/>
|
|
<view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }}</view>
|
|
</view>
|
|
<view class="goods-content">
|
|
<view class="content-name">{{ isEnEnv ? item.en_goods_name : item.goods_name }}</view>
|
|
<view class="delete-price font-size-activity-tag color-tip content-price">
|
|
<text class="unit">{{ $lang('common.currencySymbol') }}</text>
|
|
<text>{{ item.market_price > 0 ? item.market_price : item.price }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content-lists" v-if="isShow" @click="onOpen()">
|
|
{{ isOpen ? $lang('fenxiao.apply.expandMore') : $lang('fenxiao.apply.collapse') }}
|
|
<text class="iconfont icon-unfold" style="font-weight: bold;" v-if="isOpen"></text>
|
|
<text class="iconfont icon-fold" v-else></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="empty" v-else>
|
|
<image :src="$util.img('public/uniapp/fenxiao/index/no-fenxiao.png')" mode="widthFix" show-menu-by-longpress></image>
|
|
<text>{{ $lang('fenxiao.apply.notFenxiao') }}</text>
|
|
</view>
|
|
</view>
|
|
<view class="empty" v-else>
|
|
<image :src="$util.img('public/uniapp/fenxiao/index/no-fenxiao.png')" mode="widthFix" show-menu-by-longpress></image>
|
|
<text v-if="status == 1">{{ $lang('fenxiao.apply.applyPending', { name: fenxiaoWords.fenxiao_name }) }}</text>
|
|
<block v-else-if="status == -1">
|
|
<text>{{ $lang('fenxiao.apply.applyRejected', { name: fenxiaoWords.fenxiao_name }) }}</text>
|
|
<view class="again-btn color-base-bg" @click="againApply">{{ $lang('fenxiao.apply.reapply') }}</view>
|
|
</block>
|
|
</view>
|
|
<view @touchmove.prevent v-if="fenXiaoAgreement.document">
|
|
<uni-popup ref="applyPopup" type="center" class="wap-floating">
|
|
<view class="conten-box">
|
|
<text class="iconfont icon-close" @click="toClose"></text>
|
|
<view class="title">{{ fenXiaoAgreement.document.title }}</view>
|
|
<view class="content-con">
|
|
<scroll-view scroll-y="true" class="con" show-scrollbar="true">
|
|
<rich-text :nodes="fenXiaoAgreement.document.content"></rich-text>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
</view>
|
|
<loading-cover ref="loadingCover"></loading-cover>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import validate from '@/common/js/validate.js';
|
|
import fenxiaoWords from '@/common/js/fenxiao-words.js';
|
|
import htmlParser from '@/common/js/html-parser';
|
|
export default {
|
|
data() {
|
|
return {
|
|
isChecked: false,
|
|
isShow: true,
|
|
isIphoneX: false,
|
|
// 推荐人信息
|
|
sourceMemberInfo: {
|
|
fenxiao_name: ''
|
|
},
|
|
formData: {
|
|
fenXiaoName: '',
|
|
mobile: ''
|
|
},
|
|
fenXiaoAgreement: {
|
|
agreement: {},
|
|
document: {}
|
|
},
|
|
isAgreement: false,
|
|
back: '',
|
|
isAbled: false,
|
|
status: '',
|
|
isSub: false,
|
|
fenxiaoConfig: {
|
|
fenxiao_condition: 0
|
|
},
|
|
basicsConfig: {},
|
|
goodsList: [],
|
|
isOpen: false
|
|
};
|
|
},
|
|
mixins: [fenxiaoWords],
|
|
onLoad(option) {
|
|
setTimeout( () => {
|
|
if (!this.addonIsExist.fenxiao) {
|
|
this.$util.showToast({
|
|
title: this.$lang('fenxiao.apply.merchantNotOpenFenxiao'),
|
|
mask: true,
|
|
duration: 2000
|
|
});
|
|
setTimeout(() => {
|
|
this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
|
|
}, 2000);
|
|
}
|
|
},1000);
|
|
this.onOpen();
|
|
this.getAgreement();
|
|
if (option.back) this.back = option.back;
|
|
},
|
|
async onShow() {
|
|
this.isIphoneX = this.$util.uniappIsIPhoneX();
|
|
|
|
if (this.fenxiaoWords && this.fenxiaoWords.fenxiao_name) this.$langConfig.title(this.fenxiaoWords.fenxiao_name + this.$lang('fenxiao.apply.applySuffix'));
|
|
|
|
if (this.storeToken) {
|
|
this.applyStatus();
|
|
this.getSourceMemberInfo();
|
|
} else {
|
|
this.$util.redirectTo(this.$util.LOGIN_PAGE_URL, {
|
|
back: '/pages_promotion/fenxiao/apply'
|
|
}, 'redirectTo');
|
|
}
|
|
|
|
this.getFenxiaoConfig();
|
|
this.getFenxiaoBasicsConfig();
|
|
},
|
|
methods: {
|
|
toClose() {
|
|
this.$refs.applyPopup.close();
|
|
},
|
|
ckeckedRuler() {
|
|
this.isChecked = !this.isChecked;
|
|
},
|
|
goodsImg(imgStr) {
|
|
let imgs = imgStr.split(',');
|
|
return imgs[0] ?
|
|
this.$util.img(imgs[0], {
|
|
size: 'mid'
|
|
}) :
|
|
this.$util.getDefaultImage().goods;
|
|
},
|
|
imgError(index) {
|
|
this.goodsList[index].goods_image = this.$util.getDefaultImage().goods;
|
|
},
|
|
onOpen() {
|
|
this.isOpen = this.isOpen ? false : true;
|
|
this.getFenxiaoConfig();
|
|
},
|
|
goodsTag(data) {
|
|
return data.label_name || '';
|
|
},
|
|
//商品详情
|
|
toDetail(item) {
|
|
this.$util.redirectTo('/pages_goods/detail', {
|
|
goods_id: item.goods_id
|
|
});
|
|
},
|
|
applyStatus() {
|
|
this.$api.sendRequest({
|
|
url: '/fenxiao/api/apply/status',
|
|
data: {},
|
|
success: res => {
|
|
if (res.code >= 0 && res.data) {
|
|
this.status = res.data.status;
|
|
this.isSub = false;
|
|
if (this.status == 2) {
|
|
this.$util.redirectTo(this.$util.MEMBER_PAGE_URL);
|
|
}
|
|
}
|
|
this.$refs.loadingCover.hide();
|
|
}
|
|
});
|
|
},
|
|
navigateBack() {
|
|
this.$util.goBack();
|
|
},
|
|
applyFenXiao() {
|
|
if (!this.fenXiaoValidata()) return;
|
|
if (this.isAgreement && !this.isChecked) {
|
|
this.$util.showToast({
|
|
title: this.$lang('fenxiao.apply.pleaseReadAndCheckAgreement')
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (this.isSub) return;
|
|
this.isSub = true;
|
|
this.$api.sendRequest({
|
|
url: '/fenxiao/api/apply/applyfenxiao',
|
|
data: {
|
|
fenxiao_name: this.formData.fenXiaoName,
|
|
mobile: this.formData.mobile
|
|
},
|
|
success: res => {
|
|
if (res.code >= 0 && res.data) {
|
|
if (this.basicsConfig.is_examine == 1) {
|
|
this.applyStatus();
|
|
} else {
|
|
this.$util.redirectTo('/pages_promotion/fenxiao/index');
|
|
}
|
|
} else {
|
|
this.isSub = false;
|
|
this.$util.showToast({
|
|
title: res.message
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
// 申请协议
|
|
getAgreement() {
|
|
this.$api.sendRequest({
|
|
url: '/fenxiao/api/config/agreement',
|
|
success: res => {
|
|
if (res.code === 0) {
|
|
this.fenXiaoAgreement = res.data;
|
|
if (this.fenXiaoAgreement.agreement.is_agreement === '1') {
|
|
if (this.fenXiaoAgreement.document.content) this.fenXiaoAgreement.document
|
|
.content = htmlParser(this.fenXiaoAgreement.document.content);
|
|
this.isAgreement = true;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
openPopup() {
|
|
if (this.isAgreement) this.$refs.applyPopup.open();
|
|
},
|
|
closePopup() {
|
|
this.$refs.applyPopup.close();
|
|
},
|
|
fenXiaoValidata() {
|
|
let rule = [{
|
|
name: 'fenXiaoName',
|
|
checkType: 'required',
|
|
errorMsg: this.$lang('fenxiao.apply.pleaseEnterName', { name: this.fenxiaoWords.fenxiao_name })
|
|
},
|
|
{
|
|
name: 'mobile',
|
|
checkType: 'required',
|
|
errorMsg: this.$lang('fenxiao.apply.pleaseEnterMobile')
|
|
},
|
|
{
|
|
name: 'mobile',
|
|
checkType: 'phoneno',
|
|
errorMsg: this.$lang('fenxiao.apply.pleaseEnterValidMobile')
|
|
}
|
|
];
|
|
var checkRes = validate.check(this.formData, rule);
|
|
if (checkRes) {
|
|
return true;
|
|
} else {
|
|
this.$util.showToast({
|
|
title: validate.error
|
|
});
|
|
return false;
|
|
}
|
|
},
|
|
// 获取推广人信息
|
|
getSourceMemberInfo() {
|
|
this.$api.sendRequest({
|
|
url: '/fenxiao/api/fenxiao/sourceinfo',
|
|
success: res => {
|
|
if (res.code == 0 && res.data) {
|
|
this.sourceMemberInfo = res.data;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
/**
|
|
* 重新申请
|
|
*/
|
|
againApply() {
|
|
this.status = '';
|
|
},
|
|
/**
|
|
* 获取申请条件
|
|
*/
|
|
getFenxiaoConfig() {
|
|
this.$api.sendRequest({
|
|
url: '/fenxiao/api/config/fenxiao',
|
|
data: {},
|
|
success: res => {
|
|
if (res.code >= 0 && res.data) {
|
|
this.fenxiaoConfig = res.data;
|
|
this.goodsList = res.data.goods_list;
|
|
if (this.goodsList.length <= 3) {
|
|
this.isShow = false;
|
|
} else if (this.goodsList.length > 3 && this.isOpen == true) {
|
|
this.isShow = true;
|
|
this.goodsList = res.data.goods_list.slice(0, 3);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
/**
|
|
* 获取分销基本配置
|
|
*/
|
|
getFenxiaoBasicsConfig() {
|
|
this.$api.sendRequest({
|
|
url: '/fenxiao/api/config/basics',
|
|
data: {},
|
|
success: res => {
|
|
if (res.code >= 0 && res.data) {
|
|
this.basicsConfig = res.data;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
onBackPress(options) {
|
|
if (options.from === 'navigateBack') {
|
|
return false;
|
|
}
|
|
this.$util.redirectTo(this.$util.MEMBER_PAGE_URL);
|
|
return true;
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.image {
|
|
width: 100%;
|
|
}
|
|
|
|
::v-deep .uni-scroll-view {
|
|
background-color: #fff;
|
|
}
|
|
|
|
::v-deep .uni-scroll-view::-webkit-scrollbar {
|
|
/* 隐藏滚动条，但依旧具备可以滚动的功能 */
|
|
display: none;
|
|
}
|
|
|
|
.head-nav {
|
|
width: 100%;
|
|
height: var(--status-bar-height);
|
|
}
|
|
|
|
.head-nav.active {
|
|
padding-top: 40rpx;
|
|
}
|
|
|
|
.head-return {
|
|
height: 90rpx;
|
|
line-height: 90rpx;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
font-size: $font-size-base;
|
|
position: relative;
|
|
text-align: center;
|
|
|
|
text {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: 20rpx;
|
|
display: inline-block;
|
|
margin-right: 10rpx;
|
|
font-size: 32rpx;
|
|
}
|
|
}
|
|
|
|
input::placeholder {
|
|
text-align: right;
|
|
}
|
|
|
|
.apply {
|
|
.bg {
|
|
height: 160rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 30rpx 80rpx 44rpx 80rpx;
|
|
align-items: center;
|
|
|
|
.bg-title {
|
|
color: #ffffff;
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.bg-img {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.apply-adv {
|
|
width: 100%;
|
|
}
|
|
|
|
.apply-wrap {
|
|
padding-bottom: 100rpx;
|
|
|
|
.app-info {
|
|
position: relative;
|
|
top: -28rpx;
|
|
width: 692rpx;
|
|
margin: 0 auto;
|
|
border-radius: 10rpx;
|
|
background-color: #ffffff;
|
|
|
|
.info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.apply-item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: calc(100% - 100rpx);
|
|
padding: 20rpx 10rpx;
|
|
margin: 4rpx 10rpx;
|
|
background-color: #ffffff;
|
|
border-bottom: 1rpx solid #f1f1f1;
|
|
|
|
.title {
|
|
color: #000;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.input {
|
|
width: 70%;
|
|
text-align: right;
|
|
height: 40rpx;
|
|
padding-left: 30rpx;
|
|
font-size: $font-size-tag;
|
|
color: #a7a7a7;
|
|
}
|
|
|
|
.pla-cla {
|
|
color: #babbc1;
|
|
}
|
|
|
|
.shuru {
|
|
padding-left: 30rpx;
|
|
}
|
|
}
|
|
|
|
.apply-xy {
|
|
display: flex;
|
|
margin-top: 30rpx;
|
|
color: #838383;
|
|
align-items: center;
|
|
font-size: 26rpx;
|
|
|
|
text {
|
|
color: #a7a7a7;
|
|
}
|
|
|
|
.icon-yuan_checkbox {
|
|
font-size: 36rpx;
|
|
color: #838383;
|
|
margin-right: 14rpx;
|
|
line-height: 1;
|
|
}
|
|
|
|
.icon-yuan_checked {
|
|
font-size: 36rpx;
|
|
margin-right: 14rpx;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.app-info-list {
|
|
margin: 0 30rpx 20rpx;
|
|
padding: 30rpx;
|
|
border-radius: 10rpx;
|
|
background-color: #ffffff;
|
|
|
|
.apply-message-title {
|
|
line-height: 1;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
position: relative;
|
|
padding-left: $padding;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.apply-message-title::before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 6rpx;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
border-radius: 6rpx;
|
|
}
|
|
|
|
.apply-message-info {
|
|
display: inline-block;
|
|
line-height: 1.2;
|
|
color: #333;
|
|
background: #f9f9f9;
|
|
position: relative;
|
|
top: 20rpx;
|
|
width: 586rpx;
|
|
padding: 20rpx 20rpx;
|
|
border-radius: 10rpx;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
|
|
.goods-list {
|
|
padding: 30rpx 0;
|
|
// margin-top: 50rpx;
|
|
display: flex;
|
|
border-bottom: 2rpx solid #f6f5f5;
|
|
|
|
.goods-img {
|
|
width: 130rpx;
|
|
height: 130rpx;
|
|
margin-right: 20rpx;
|
|
border-radius: 10rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.goods-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
|
|
.content-name {
|
|
font-size: 28rpx;
|
|
color: #303133;
|
|
width: 460rpx;
|
|
display: -webkit-box;
|
|
line-clamp: 2;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.content-price {
|
|
font-size: 28rpx !important;
|
|
font-weight: 600;
|
|
color: #ff4a01 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content-lists {
|
|
margin: 20rpx auto 0;
|
|
text-align: center;
|
|
color: #a1a3a8;
|
|
|
|
text {
|
|
padding-left: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.apply-btn {
|
|
margin: 50rpx auto 70rpx auto;
|
|
border-radius: $border-radius;
|
|
width: 90%;
|
|
|
|
button {
|
|
color: #ffffff;
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.apply-message-wrap {
|
|
margin-bottom: 100rpx;
|
|
width: 100%;
|
|
padding: 10rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
.apply-message {
|
|
width: 85%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.apply-message-title {
|
|
line-height: 1;
|
|
font-size: $font-size-tag;
|
|
position: relative;
|
|
padding-left: $padding;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.apply-message-title::before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 6rpx;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
border-radius: 6rpx;
|
|
}
|
|
|
|
.apply-message-info {
|
|
padding-top: $padding;
|
|
line-height: 1.2;
|
|
color: $color-tip;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.again-btn {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: auto;
|
|
border-radius: $border-radius;
|
|
margin-top: 20rpx;
|
|
color: #ffffff;
|
|
align-items: center;
|
|
padding: 10rpx 60rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.conten-box {
|
|
padding: 0 30rpx;
|
|
box-sizing: border-box;
|
|
height: 812rpx;
|
|
width: 580rpx;
|
|
border-radius: 10rpx;
|
|
|
|
text {
|
|
margin-top: 25rpx;
|
|
float: right;
|
|
line-height: 1;
|
|
}
|
|
|
|
.title {
|
|
width: 100%;
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-bottom: 2rpx solid #e0e0e0;
|
|
line-height: 1;
|
|
padding-bottom: 28rpx;
|
|
}
|
|
|
|
.content-con {
|
|
width: 100%;
|
|
height: 680rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.con {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.sure {
|
|
width: 100%;
|
|
height: 100rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.sure-btn {
|
|
width: 100%;
|
|
height: 60rpx;
|
|
border-radius: $border-radius;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
line-height: 60rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.empty {
|
|
width: 100%;
|
|
margin-top: 200rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
image {
|
|
width: 300rpx;
|
|
height: 176rpx;
|
|
margin-bottom: 50rpx;
|
|
}
|
|
|
|
text {
|
|
font-size: $font-size-goods-tag;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<style lang="scss" scoped>
|
|
::v-deep .uni-popup__wrapper-box {
|
|
border-radius: 20rpx;
|
|
}
|
|
</style> |