pull/8/head
ldh 2023-01-27 19:34:44 +08:00
commit 84cc095570
25 changed files with 153 additions and 91 deletions

View File

@ -205,6 +205,7 @@
import { showShareModal } from '@/sheep/hooks/useModal'; import { showShareModal } from '@/sheep/hooks/useModal';
import { isEmpty } from 'lodash'; import { isEmpty } from 'lodash';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/user/withdraw_bg.png');
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const state = reactive({ const state = reactive({
data: {}, data: {},
@ -313,7 +314,7 @@
.recharge-box { .recharge-box {
position: relative; position: relative;
margin-bottom: 120rpx; margin-bottom: 120rpx;
background: v-bind("sheep.$url.css('/static/img/shop/user/withdraw_bg.png')") center/750rpx 100% background: v-bind(headerBg) center/750rpx 100%
no-repeat, no-repeat,
linear-gradient(115deg, #f44739 0%, #ff6600 100%); linear-gradient(115deg, #f44739 0%, #ff6600 100%);
border-radius: 0 0 5% 5%; border-radius: 0 0 5% 5%;

View File

@ -73,6 +73,7 @@
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const pageHeight = const pageHeight =
(safeArea.height + safeAreaInsets.bottom) * 2 + statusBarHeight - sys_navBar - 350; (safeArea.height + safeAreaInsets.bottom) * 2 + statusBarHeight - sys_navBar - 350;
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/groupon-header.png');
const state = reactive({ const state = reactive({
activityId: 0, activityId: 0,
@ -147,7 +148,7 @@
width: 100%; width: 100%;
height: 458rpx; height: 458rpx;
margin-top: -88rpx; margin-top: -88rpx;
background: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-header.png')") no-repeat; background: v-bind(headerBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.list-content { .list-content {

View File

@ -73,6 +73,7 @@
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const pageHeight = const pageHeight =
(safeArea.height + safeAreaInsets.bottom) * 2 + statusBarHeight - sys_navBar - 350; (safeArea.height + safeAreaInsets.bottom) * 2 + statusBarHeight - sys_navBar - 350;
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-header.png');
const state = reactive({ const state = reactive({
activityId: 0, activityId: 0,
@ -146,7 +147,7 @@
.page-bg { .page-bg {
width: 100%; width: 100%;
height: 458rpx; height: 458rpx;
background: v-bind("sheep.$url.css('/static/img/shop/goods/seckill-header.png')") no-repeat; background: v-bind(headerBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.list-content { .list-content {

View File

@ -158,6 +158,8 @@
import { onLoad, onReady } from '@dcloudio/uni-app'; import { onLoad, onReady } from '@dcloudio/uni-app';
import { computed, reactive } from 'vue'; import { computed, reactive } from 'vue';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/app/sign.png');
const state = reactive({ const state = reactive({
data: { data: {
days: [], // days: [], //
@ -480,7 +482,7 @@
width: 520rpx; width: 520rpx;
height: 344rpx; height: 344rpx;
background-size: 100% 100%; background-size: 100% 100%;
background-image: v-bind('sheep.$url.css("/static/img/shop/app/sign.png")'); background-image: v-bind(headerBg);
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 0 0 10rpx 10rpx; border-radius: 0 0 10rpx 10rpx;

View File

@ -4,7 +4,7 @@
type="bottom" type="bottom"
round="10" round="10"
:isMaskClick="false" :isMaskClick="false"
:backgroundImage="sheep.$url.static('/static/img/shop/commission/become-agent.png')" :backgroundImage="sheep.$url.css('/static/img/shop/commission/become-agent.png')"
@close="show = false" @close="show = false"
backgroundColor="var(--ui-BG-Main)" backgroundColor="var(--ui-BG-Main)"
> >

View File

@ -35,6 +35,7 @@
const userInfo = computed(() => sheep.$store('user').userInfo); const userInfo = computed(() => sheep.$store('user').userInfo);
const agentInfo = computed(() => sheep.$store('user').agentInfo); const agentInfo = computed(() => sheep.$store('user').agentInfo);
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/commission/background.png');
const state = reactive({ const state = reactive({
showMoney: false, showMoney: false,
@ -48,7 +49,7 @@
height: 192rpx; height: 192rpx;
margin: -88rpx 20rpx 0 20rpx; margin: -88rpx 20rpx 0 20rpx;
padding-top: 88rpx; padding-top: 88rpx;
background: v-bind("sheep.$url.css('/static/img/shop/commission/background.png')") no-repeat; background: v-bind(headerBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.head-img-box { .head-img-box {

View File

@ -14,6 +14,7 @@
class="scroll-box log-scroll" class="scroll-box log-scroll"
scroll-with-animation="true" scroll-with-animation="true"
> >
<view v-if="state.pagination.data">
<view <view
class="log-item-box ss-flex ss-row-between" class="log-item-box ss-flex ss-row-between"
v-for="item in state.pagination.data" v-for="item in state.pagination.data"
@ -46,6 +47,8 @@
</view> </view>
<text class="log-time">{{ dayjs(item.create_time).fromNow() }}</text> <text class="log-time">{{ dayjs(item.create_time).fromNow() }}</text>
</view> </view>
</view>
<!-- 加载更多 --> <!-- 加载更多 -->
<uni-load-more <uni-load-more
v-if="state.pagination.total > 0" v-if="state.pagination.total > 0"

View File

@ -149,6 +149,7 @@
import { onPageScroll } from '@dcloudio/uni-app'; import { onPageScroll } from '@dcloudio/uni-app';
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/user/withdraw_bg.png');
onPageScroll((e) => { onPageScroll((e) => {
if (e.scrollTop > 100) { if (e.scrollTop > 100) {
state.scrollTop = false; state.scrollTop = false;
@ -256,7 +257,7 @@
box-sizing: border-box; box-sizing: border-box;
padding: 0 20rpx 20rpx 20rpx; padding: 0 20rpx 20rpx 20rpx;
width: 750rpx; width: 750rpx;
background: v-bind("sheep.$url.css('/static/img/shop/user/withdraw_bg.png')") no-repeat, background: v-bind(headerBg) no-repeat,
linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
background-size: 750rpx 100%; background-size: 750rpx 100%;
// //

View File

@ -98,6 +98,7 @@
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const agentInfo = computed(() => sheep.$store('user').agentInfo); const agentInfo = computed(() => sheep.$store('user').agentInfo);
const userInfo = computed(() => sheep.$store('user').userInfo); const userInfo = computed(() => sheep.$store('user').userInfo);
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/user/withdraw_bg.png');
onPageScroll((e) => { onPageScroll((e) => {
if (e.scrollTop > 100) { if (e.scrollTop > 100) {
@ -172,7 +173,7 @@
width: 750rpx; width: 750rpx;
z-index: 3; z-index: 3;
position: relative; position: relative;
background: v-bind("sheep.$url.css('/static/img/shop/user/withdraw_bg.png')") no-repeat, background: v-bind(headerBg) no-repeat,
linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
background-size: 750rpx 100%; background-size: 750rpx 100%;
// //

View File

@ -32,6 +32,10 @@
<script setup> <script setup>
import { ref, reactive } from 'vue'; import { ref, reactive } from 'vue';
import sheep from '@/sheep'; import sheep from '@/sheep';
const seckillBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-tip-bg.png');
const grouponBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/groupon-tip-bg.png');
const props = defineProps({ const props = defineProps({
data: { data: {
type: Object, type: Object,
@ -81,12 +85,12 @@
// //
.seckill-box { .seckill-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/seckill-tip-bg.png')") no-repeat; background: v-bind(seckillBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.groupon-box { .groupon-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-tip-bg.png')") no-repeat; background: v-bind(grouponBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
</style> </style>

View File

@ -189,6 +189,15 @@
import grouponCardList from './components/groupon/groupon-card-list.vue'; import grouponCardList from './components/groupon/groupon-card-list.vue';
import { useDurationTime, formatPrice, formatGoodsSwiper } from '@/sheep/hooks/useGoods'; import { useDurationTime, formatPrice, formatGoodsSwiper } from '@/sheep/hooks/useGoods';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/groupon-bg.png');
const btnBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/groupon-btn.png');
const disabledBtnBg = sheep.$url.css(
'/assets/addons/shopro/frontend_img/goods/activity-btn-disabled.png',
);
const seckillBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-tip-bg.png');
const grouponBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/groupon-tip-bg.png');
onPageScroll(() => {}); onPageScroll(() => {});
const state = reactive({ const state = reactive({
skeletonLoading: true, // skeletonLoading: true, //
@ -337,7 +346,7 @@
// height: 320rpx; // height: 320rpx;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 10rpx; border-radius: 10rpx;
background-image: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-bg.png')"); background-image: v-bind(headerBg);
background-repeat: no-repeat; background-repeat: no-repeat;
.price-box { .price-box {
@ -461,7 +470,7 @@
font-size: 24rpx; font-size: 24rpx;
font-weight: 600; font-weight: 600;
margin-left: -36rpx; margin-left: -36rpx;
background-image: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-btn.png')"); background-image: v-bind(btnBg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
color: #ffffff; color: #ffffff;
@ -474,9 +483,7 @@
font-size: 24rpx; font-size: 24rpx;
font-weight: 600; font-weight: 600;
margin-left: -36rpx; margin-left: -36rpx;
background-image: v-bind( background-image: v-bind(disabledBtnBg);
"sheep.$url.css('/static/img/shop/goods/activity-btn-disabled.png')"
);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
color: #999999; color: #999999;
@ -523,12 +530,14 @@
// //
.seckill-box { .seckill-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/seckill-tip-bg.png')") no-repeat; background: v-bind(seckillBg)
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.groupon-box { .groupon-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-tip-bg.png')") no-repeat; background: v-bind(grouponBg)
no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }

View File

@ -90,9 +90,7 @@
</button> </button>
</view> </view>
<view class="buy-box ss-flex ss-col-center ss-p-r-20" v-else> <view class="buy-box ss-flex ss-col-center ss-p-r-20" v-else>
<button class="ss-reset-button disabled-btn" disabled> <button class="ss-reset-button disabled-btn" disabled> 已兑完 </button>
已兑完
</button>
</view> </view>
</detail-tabbar> </detail-tabbar>
</block> </block>
@ -115,6 +113,10 @@
import detailCommentCard from './components/detail/detail-comment-card.vue'; import detailCommentCard from './components/detail/detail-comment-card.vue';
import detailContentCard from './components/detail/detail-content-card.vue'; import detailContentCard from './components/detail/detail-content-card.vue';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/score-bg.png');
const seckillBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-tip-bg.png');
const grouponBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-tip-bg.png');
onPageScroll(() => {}); onPageScroll(() => {});
const state = reactive({ const state = reactive({
@ -209,7 +211,7 @@
box-sizing: border-box; box-sizing: border-box;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 10rpx; border-radius: 10rpx;
background-image: v-bind("sheep.$url.css('/static/img/shop/goods/score-bg.png')"); background-image: v-bind(headerBg);
background-repeat: no-repeat; background-repeat: no-repeat;
.price-box { .price-box {
.score-img { .score-img {
@ -306,12 +308,12 @@
// //
.seckill-box { .seckill-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/seckill-tip-bg.png')") no-repeat; background: v-bind(seckillBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.groupon-box { .groupon-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-tip-bg.png')") no-repeat; background: v-bind(grouponBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }

View File

@ -6,7 +6,7 @@
<detailSkeleton v-if="state.skeletonLoading" /> <detailSkeleton v-if="state.skeletonLoading" />
<!-- 空置页 --> <!-- 空置页 -->
<s-empty <s-empty
v-else-if="state.goodsInfo === null || state.goodsInfo.activity_type !== 'seckill' " v-else-if="state.goodsInfo === null || state.goodsInfo.activity_type !== 'seckill'"
text="活动不存在或已结束" text="活动不存在或已结束"
icon="/static/soldout-empty.png" icon="/static/soldout-empty.png"
showAction showAction
@ -153,6 +153,14 @@
import detailContentCard from './components/detail/detail-content-card.vue'; import detailContentCard from './components/detail/detail-content-card.vue';
import detailProgress from './components/detail/detail-progress.vue'; import detailProgress from './components/detail/detail-progress.vue';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-bg.png');
const btnBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-btn.png');
const disabledBtnBg = sheep.$url.css(
'/assets/addons/shopro/frontend_img/goods/activity-btn-disabled.png',
);
const seckillBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/seckill-tip-bg.png');
const grouponBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/groupon-tip-bg.png');
onPageScroll(() => {}); onPageScroll(() => {});
const state = reactive({ const state = reactive({
goodsId: 0, goodsId: 0,
@ -267,7 +275,7 @@
// height: 320rpx; // height: 320rpx;
background-size: 100% 100%; background-size: 100% 100%;
border-radius: 10rpx; border-radius: 10rpx;
background-image: v-bind("sheep.$url.css('/static/img/shop/goods/seckill-bg.png')"); background-image: v-bind(headerBg);
background-repeat: no-repeat; background-repeat: no-repeat;
.price-box { .price-box {
@ -415,7 +423,7 @@
font-size: 24rpx; font-size: 24rpx;
font-weight: 600; font-weight: 600;
margin-left: -36rpx; margin-left: -36rpx;
background-image: v-bind("sheep.$url.css('/static/img/shop/goods/seckill-btn.png')"); background-image: v-bind(btnBg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
color: #ffffff; color: #ffffff;
@ -429,9 +437,7 @@
font-size: 24rpx; font-size: 24rpx;
font-weight: 600; font-weight: 600;
margin-left: -36rpx; margin-left: -36rpx;
background-image: v-bind( background-image: v-bind(disabledBtnBg);
"sheep.$url.css('/static/img/shop/goods/activity-btn-disabled.png')"
);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
color: #999999; color: #999999;
@ -467,12 +473,12 @@
// //
.seckill-box { .seckill-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/seckill-tip-bg.png')") no-repeat; background: v-bind(seckillBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.groupon-box { .groupon-box {
background: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-tip-bg.png')") no-repeat; background: v-bind(grouponBg) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }

View File

@ -207,7 +207,8 @@
.steps-box { .steps-box {
width: 100%; width: 100%;
height: 190rpx; height: 190rpx;
background: v-bind("sheep.$url.css('/static/img/shop/order/order_bg.png')") no-repeat, background: v-bind(headerBg)
no-repeat,
linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
background-size: 750rpx 100%; background-size: 750rpx 100%;
padding-left: 72rpx; padding-left: 72rpx;

View File

@ -213,6 +213,20 @@
@tap="onComment(state.orderInfo.order_sn)" @tap="onComment(state.orderInfo.order_sn)"
>评价晒单</button >评价晒单</button
> >
<button
v-if="state.orderInfo.btns?.includes('invoice')"
class="ss-reset-button cancel-btn"
@tap.stop="onOrderInvoice(state.orderInfo.invoice?.id)"
>
查看发票
</button>
<button
v-if="state.orderInfo.btns?.includes('re_apply_refund')"
class="ss-reset-button cancel-btn"
@tap.stop="onRefund(state.orderInfo.id)"
>
重新退款
</button>
</view> </view>
</su-fixed> </su-fixed>
</s-layout> </s-layout>
@ -224,6 +238,7 @@
import { computed, reactive } from 'vue'; import { computed, reactive } from 'vue';
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/order/order_bg.png');
const state = reactive({ const state = reactive({
orderInfo: {}, orderInfo: {},
}); });
@ -298,6 +313,13 @@
} }
} }
//
function onOrderInvoice(invoiceId) {
sheep.$router.go('/pages/order/invoice', {
invoiceId,
});
}
// //
function onComment(orderSN) { function onComment(orderSN) {
uni.$once('SELECT_INVOICE', (e) => { uni.$once('SELECT_INVOICE', (e) => {
@ -337,7 +359,7 @@
.state-box { .state-box {
color: rgba(#fff, 0.9); color: rgba(#fff, 0.9);
width: 100%; width: 100%;
background: v-bind("sheep.$url.css('/static/img/shop/order/order_bg.png')") no-repeat, background: v-bind(headerBg) no-repeat,
linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
background-size: 750rpx 100%; background-size: 750rpx 100%;
box-sizing: border-box; box-sizing: border-box;

View File

@ -126,6 +126,7 @@
import { computed, reactive } from 'vue'; import { computed, reactive } from 'vue';
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/order/invoice_bg.png');
const state = reactive({ const state = reactive({
info: [ info: [
{ {
@ -192,7 +193,7 @@
.invoice-heard { .invoice-heard {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: v-bind("sheep.$url.css('/static/img/shop/order/invoice_bg.png')") no-repeat, background: v-bind(headerBg) no-repeat,
linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
background-size: 750rpx 100%; background-size: 750rpx 100%;
.sicon-warning-line { .sicon-warning-line {

View File

@ -63,6 +63,7 @@
const userInfo = computed(() => sheep.$store('user').userInfo); const userInfo = computed(() => sheep.$store('user').userInfo);
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/user/withdraw_bg.png');
const state = reactive({ const state = reactive({
recharge_money: '', recharge_money: '',
@ -109,8 +110,7 @@
.wallet-num-box { .wallet-num-box {
padding: 0 40rpx 80rpx; padding: 0 40rpx 80rpx;
background: var(--ui-BG-Main) v-bind("sheep.$url.css('/static/img/shop/user/withdraw_bg.png')") background: var(--ui-BG-Main) v-bind(headerBg) center/750rpx 100% no-repeat;
center/750rpx 100% no-repeat;
border-radius: 0 0 5% 5%; border-radius: 0 0 5% 5%;
.num-title { .num-title {

View File

@ -88,6 +88,7 @@
import accountTypeSelect from './components/account-type-select.vue'; import accountTypeSelect from './components/account-type-select.vue';
import accountInfoModal from './components/account-info-modal.vue'; import accountInfoModal from './components/account-info-modal.vue';
import { onPageScroll } from '@dcloudio/uni-app'; import { onPageScroll } from '@dcloudio/uni-app';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/user/withdraw_bg.png');
onPageScroll(() => {}); onPageScroll(() => {});
const statusBarHeight = sheep.$platform.device.statusBarHeight * 2; const statusBarHeight = sheep.$platform.device.statusBarHeight * 2;
function filterRules(rules) { function filterRules(rules) {
@ -212,8 +213,7 @@
.wallet-num-box { .wallet-num-box {
padding: 0 40rpx 80rpx; padding: 0 40rpx 80rpx;
background: var(--ui-BG-Main) v-bind("sheep.$url.css('/static/img/shop/user/withdraw_bg.png')") background: var(--ui-BG-Main) v-bind(headerBg) center/750rpx 100% no-repeat;
center/750rpx 100% no-repeat;
border-radius: 0 0 5% 5%; border-radius: 0 0 5% 5%;
.num-title { .num-title {

View File

@ -140,6 +140,8 @@
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import _ from 'lodash'; import _ from 'lodash';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/user/wallet_card_bg.png');
// //
const pagination = { const pagination = {
data: [], data: [],
@ -218,7 +220,7 @@
function onChangeTime(e) { function onChangeTime(e) {
state.date[0] = e[0]; state.date[0] = e[0];
state.date[1] = e[e.length - 1]; state.date[1] = e[e.length - 1];
state.pagination = pagination;
getLogList(); getLogList();
} }
@ -289,7 +291,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: v-bind("sheep.$url.css('/static/img/shop/user/wallet_card_bg.png')") no-repeat; background: v-bind(headerBg) no-repeat;
pointer-events: none; pointer-events: none;
} }

View File

@ -81,6 +81,8 @@
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import _ from 'lodash'; import _ from 'lodash';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/user/wallet_card_bg.png');
const pagination = { const pagination = {
data: [], data: [],
current_page: 1, current_page: 1,
@ -161,7 +163,7 @@
function onChangeTime(e) { function onChangeTime(e) {
state.date[0] = e[0]; state.date[0] = e[0];
state.date[1] = e[e.length - 1]; state.date[1] = e[e.length - 1];
state.pagination = pagination;
getLogList(); getLogList();
} }
@ -202,7 +204,8 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: v-bind("sheep.$url.css('/static/img/shop/user/wallet_card_bg.png')") no-repeat; background: v-bind(headerBg)
no-repeat;
pointer-events: none; pointer-events: none;
} }

View File

@ -163,7 +163,7 @@
function onChangeTime(e) { function onChangeTime(e) {
state.date[0] = e[0]; state.date[0] = e[0];
state.date[1] = e[e.length - 1]; state.date[1] = e[e.length - 1];
state.pagination = pagination;
getLogList(); getLogList();
} }

View File

@ -84,10 +84,10 @@
.empty-btn { .empty-btn {
width: 320rpx; width: 320rpx;
height: 70rpx; height: 70rpx;
border: 2rpx solid v-bind('props.buttonColor'); border: 2rpx solid v-bind('buttonColor');
border-radius: 35rpx; border-radius: 35rpx;
font-weight: 500; font-weight: 500;
color: v-bind('props.buttonColor'); color: v-bind('buttonColor');
font-size: 28rpx; font-size: 28rpx;
} }
</style> </style>

View File

@ -128,6 +128,7 @@
import { formatPrice } from '@/sheep/hooks/useGoods'; import { formatPrice } from '@/sheep/hooks/useGoods';
import { isEmpty } from 'lodash'; import { isEmpty } from 'lodash';
const headerBg = sheep.$url.css('/assets/addons/shopro/frontend_img/goods/groupon-btn-long.png');
const emits = defineEmits(['change', 'addCart', 'buy', 'close', 'ladder']); const emits = defineEmits(['change', 'addCart', 'buy', 'close', 'ladder']);
const props = defineProps({ const props = defineProps({
show: { show: {
@ -403,7 +404,7 @@
font-size: 24rpx; font-size: 24rpx;
font-weight: 600; font-weight: 600;
margin-left: -50rpx; margin-left: -50rpx;
background-image: v-bind("sheep.$url.css('/static/img/shop/goods/groupon-btn-long.png')"); background-image: v-bind(headerBg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
color: #ffffff; color: #ffffff;

View File

@ -182,18 +182,18 @@
font-size: 50rpx; font-size: 50rpx;
line-height: 50rpx; line-height: 50rpx;
font-weight: bold; font-weight: bold;
color: v-bind('props.textColor'); color: v-bind('textColor');
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.value-unit { .value-unit {
color: v-bind('props.textColor'); color: v-bind('textColor');
font-size: 24rpx; font-size: 24rpx;
line-height: 30rpx; line-height: 30rpx;
} }
.title-text { .title-text {
color: v-bind('props.textColor'); color: v-bind('textColor');
font-size: 24rpx; font-size: 24rpx;
line-height: 30rpx; line-height: 30rpx;
width: 150rpx; width: 150rpx;
@ -205,10 +205,10 @@
height: 50rpx; height: 50rpx;
border-radius: 25rpx; border-radius: 25rpx;
border-style: solid; border-style: solid;
border-color: v-bind('props.btnTextColor'); border-color: v-bind('btnTextColor');
border-width: 1px; border-width: 1px;
color: v-bind('props.btnTextColor'); color: v-bind('btnTextColor');
background-color: v-bind('props.btnBg'); background-color: v-bind('btnBg');
font-size: 24rpx; font-size: 24rpx;
line-height: 50rpx; line-height: 50rpx;
} }
@ -231,19 +231,19 @@
font-size: 36rpx; font-size: 36rpx;
line-height: 36rpx; line-height: 36rpx;
font-weight: bold; font-weight: bold;
color: v-bind('props.textColor'); color: v-bind('textColor');
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.value-unit { .value-unit {
color: v-bind('props.textColor'); color: v-bind('textColor');
font-size: 22rpx; font-size: 22rpx;
line-height: 22rpx; line-height: 22rpx;
} }
.title-text, .title-text,
.surplus-text { .surplus-text {
color: v-bind('props.textColor'); color: v-bind('textColor');
font-size: 22rpx; font-size: 22rpx;
line-height: 22rpx; line-height: 22rpx;
} }
@ -253,7 +253,7 @@
height: 100%; height: 100%;
.btn-text { .btn-text {
color: v-bind('props.btnTextColor'); color: v-bind('btnTextColor');
font-size: 24rpx; font-size: 24rpx;
text-align: center; text-align: center;
writing-mode: vertical-lr; writing-mode: vertical-lr;
@ -278,12 +278,12 @@
font-size: 50rpx; font-size: 50rpx;
line-height: 50rpx; line-height: 50rpx;
font-weight: bold; font-weight: bold;
color: v-bind('props.textColor'); color: v-bind('textColor');
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.value-unit { .value-unit {
color: v-bind('props.textColor'); color: v-bind('textColor');
font-size: 22rpx; font-size: 22rpx;
line-height: 22rpx; line-height: 22rpx;
} }
@ -291,7 +291,7 @@
.title-text, .title-text,
.sellby-text, .sellby-text,
.surplus-text { .surplus-text {
color: v-bind('props.textColor'); color: v-bind('textColor');
font-size: 22rpx; font-size: 22rpx;
line-height: 22rpx; line-height: 22rpx;
} }
@ -303,10 +303,10 @@
height: 50rpx; height: 50rpx;
border-radius: 25rpx; border-radius: 25rpx;
border-style: solid; border-style: solid;
border-color: v-bind('props.btnTextColor'); border-color: v-bind('btnTextColor');
border-width: 1px; border-width: 1px;
color: v-bind('props.btnTextColor'); color: v-bind('btnTextColor');
background-color: v-bind('props.btnBg'); background-color: v-bind('btnBg');
font-size: 24rpx; font-size: 24rpx;
line-height: 50rpx; line-height: 50rpx;
} }

View File

@ -556,7 +556,7 @@
display: block; display: block;
/* #endif */ /* #endif */
position: relative; position: relative;
background: v-bind('sheep.$url.css(backgroundImage)') no-repeat; background: v-bind(backgroundImage) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* iphonex 等安全区设置,底部安全区适配 */ /* iphonex 等安全区设置,底部安全区适配 */