root/zyejMAll-mobile
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化101

Browse Source
This commit is contained in:
77 2024-10-16 18:09:51 +08:00
parent dd75674ff3
commit e00cb9b522
23 changed files with 1274 additions and 751 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages.json
View File

@ -756,6 +756,17 @@
"title": "秒杀活动", "title": "秒杀活动",
"group": "营销活动" "group": "营销活动"
} }
},
{
"path": "point/exchange_list",
"style": {
"navigationBarTitleText": "兑换记录"
},
"meta": {
"sync": true,
"title": "兑换记录",
"group": "营销活动"
}
} }
] ]
} }

212
pages/app/sign.vue
View File

@ -1,6 +1,6 @@
<!-- 签到界面 --> <!-- 签到界面 -->
<template> <template>
<s-layout title="签到有礼"> <s-layout title="" navbar="ss">
<view class="new-bg"> <view class="new-bg">
<image class="new-qdyl" <image class="new-qdyl"
src="https://zysc.fjptzykj.com:3000/shangcheng/56024e3b60810cc781cbed30ebfe4568a8b721dae5e15aab848f760574558843.png"> src="https://zysc.fjptzykj.com:3000/shangcheng/56024e3b60810cc781cbed30ebfe4568a8b721dae5e15aab848f760574558843.png">
@ -11,31 +11,65 @@
我的积分 我的积分
</view> </view>
<view class="bottom"> <view class="bottom">
26871 {{userInfo.point}}
</view> </view>
</view> </view>
</view> </view>
<view class="new-main"> <view class="new-main">
<view class="sign-list"> <view class="sign-list">
<view class="new-top"> <view class="new-top">
<view class="left">已连续签到<span class="number">2</span>天</view> <view class="left">已连续签到<span class="number">{{ state.signInfo.totalDay }}</span>天</view>
<view class="right"> <view class="right" v-if="!state.signInfo.todaySignIn" @tap="onSign">
签到 签到
</view> </view>
<view class="right on" v-else>
已签到
</view>
</view> </view>
<view class="new-bottom"> <view class="new-bottom">
<view class="new-list" v-for=" o in 6">
<view class="new-l" v-for="(item, index) in state.signConfigList" :key="index">
<view class="new-list" :class="state.signInfo.continuousDay >= item.day ? 'on' : ''"
v-if="index<6">
<view class="t"> <view class="t">
第1天 第{{item.day}}天
</view> </view>
<view class="c"> <view class="c">
<image class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/d1dd98b6a37ea9ea90c49898024d3669a54ee2a48f028b671609937b6b1250af.png"></image> <!-- {{index === state.signConfigList.length}}
{{state.signInfo.continuousDay >= item.day}} -->
<image class="img"
src="https://zysc.fjptzykj.com:3000/shangcheng/d1dd98b6a37ea9ea90c49898024d3669a54ee2a48f028b671609937b6b1250af.png">
</image>
<image class="img2"
src="https://zysc.fjptzykj.com:3000/shangcheng/b41e27f0f1c392777e86e37715abbede504c64ef0354b0bedffed6a6d428763c.png">
</image>
</view> </view>
<view class="b"> <view class="b">
10积分 {{item.point}}积分
</view>
</view>
<view class="new-list new-7" :class="state.signInfo.continuousDay >= item.day ? 'on' : ''"
v-if="index == 6">
<view class="t">
第{{item.day}}天
</view>
<view class="c">
<image class="img"
src="https://zysc.fjptzykj.com:3000/shangcheng/d1dd98b6a37ea9ea90c49898024d3669a54ee2a48f028b671609937b6b1250af.png">
</image>
<image class="img2"
src="https://zysc.fjptzykj.com:3000/shangcheng/b41e27f0f1c392777e86e37715abbede504c64ef0354b0bedffed6a6d428763c.png">
</image>
</view>
<view class="b">
{{item.point}}积分
</view>
</view> </view>
</view> </view>
</view> </view>
<view style="clear: both;"></view>
</view> </view>
<!-- 签到说明 --> <!-- 签到说明 -->
@ -43,15 +77,14 @@
<view class="t">签到说明</view> <view class="t">签到说明</view>
<view class="tt">1、已累计签到{{ state.signInfo.totalDay }}天</view> <view class="tt">1、已累计签到{{ state.signInfo.totalDay }}天</view>
<view class="tt"> <view class="tt">
2、据说连续签到第 {{ state.maxDay }} 天可获得超额积分，一定要坚持签到哦~~~ 2、据说连续签到第 {{ state.maxDay }} 天可获得超额积分，一定要坚持签到哦
</view> </view>
</view> </view>
</view> </view>
<s-empty v-if="state.loading" icon="/static/data-empty.png" text="签到活动还未开始" /> <!-- <s-empty v-if="state.loading" icon="/static/data-empty.png" text="签到活动还未开始" />
<view v-if="state.loading" /> <view v-if="state.loading" />
<view class="sign-wrap" v-else-if="!state.loading"> <view class="sign-wrap" v-else-if="!state.loading">
<!-- 签到日历 -->
<view class="content-box calendar"> <view class="content-box calendar">
<view class="sign-everyday ss-flex ss-col-center ss-row-between ss-p-x-30"> <view class="sign-everyday ss-flex ss-col-center ss-row-between ss-p-x-30">
<text class="sign-everyday-title">签到日历</text> <text class="sign-everyday-title">签到日历</text>
@ -73,6 +106,7 @@
(state.signInfo.continuousDay >= item.day ? 'rewardTxt' : '') (state.signInfo.continuousDay >= item.day ? 'rewardTxt' : '')
"> ">
第{{ item.day }}天 第{{ item.day }}天
{{state.signInfo.continuousDay >= item.day}}
</view> </view>
<view class="venus" :class=" <view class="venus" :class="
(index + 1 === state.signConfigList.length ? 'reward' : '') + (index + 1 === state.signConfigList.length ? 'reward' : '') +
@ -86,7 +120,6 @@
</view> </view>
</view> </view>
<!-- 签到按钮 -->
<view class="myDateTable"> <view class="myDateTable">
<view class="ss-flex ss-col-center ss-row-center sign-box ss-m-y-40"> <view class="ss-flex ss-col-center ss-row-center sign-box ss-m-y-40">
<button class="ss-reset-button sign-btn" v-if="!state.signInfo.todaySignIn" @tap="onSign"> <button class="ss-reset-button sign-btn" v-if="!state.signInfo.todaySignIn" @tap="onSign">
@ -97,7 +130,6 @@
</view> </view>
</view> </view>
<!-- 签到说明 TODO @科举：这里改成【已累计签到】 -->
<view class="bg-white ss-m-t-16 ss-p-t-30 ss-p-b-60 ss-p-x-40"> <view class="bg-white ss-m-t-16 ss-p-t-30 ss-p-b-60 ss-p-x-40">
<view class="activity-title ss-m-b-30">签到说明</view> <view class="activity-title ss-m-b-30">签到说明</view>
<view class="activity-des">1、已累计签到{{ state.signInfo.totalDay }}天</view> <view class="activity-des">1、已累计签到{{ state.signInfo.totalDay }}天</view>
@ -105,7 +137,7 @@
2、据说连续签到第 {{ state.maxDay }} 天可获得超额积分，一定要坚持签到哦~~~ 2、据说连续签到第 {{ state.maxDay }} 天可获得超额积分，一定要坚持签到哦~~~
</view> </view>
</view> </view>
</view> </view> -->
<!-- 签到结果弹窗 --> <!-- 签到结果弹窗 -->
<su-popup :show="state.showModel" type="center" round="10" :isMaskClick="false"> <su-popup :show="state.showModel" type="center" round="10" :isMaskClick="false">
@ -116,7 +148,7 @@
<text v-if="state.signResult.point">{{ state.signResult.point }} 积分 </text> <text v-if="state.signResult.point">{{ state.signResult.point }} 积分 </text>
<text v-if="state.signResult.experience"> {{ state.signResult.experience }} 经验</text> <text v-if="state.signResult.experience"> {{ state.signResult.experience }} 经验</text>
</view> </view>
<view class="model-title ss-flex ss-col-center ss-m-t-22 ss-m-b-30"> <view class="model-title ss-flex ss-col-center ss-m-t-22 ss-m-b-30" style="color:#fcff00;">
已连续打卡 {{ state.signResult.day }} 天 已连续打卡 {{ state.signResult.day }} 天
</view> </view>
</view> </view>
@ -132,13 +164,16 @@
</template> </template>
<script setup> <script setup>
import {
computed,
ref,
reactive
} from 'vue';
import sheep from '@/sheep'; import sheep from '@/sheep';
import { import {
onReady onReady
} from '@dcloudio/uni-app'; } from '@dcloudio/uni-app';
import { const userInfo = computed(() => sheep.$store('user').userInfo);
reactive
} from 'vue';
import SignInApi from '@/sheep/api/member/signin'; import SignInApi from '@/sheep/api/member/signin';
const headerBg = sheep.$url.css('/static/img/shop/app/sign.png'); const headerBg = sheep.$url.css('/static/img/shop/app/sign.png');
@ -198,6 +233,7 @@
return; return;
} }
state.signConfigList = data; state.signConfigList = data;
if (data.length > 0) { if (data.length > 0) {
state.maxDay = data[data.length - 1].day; state.maxDay = data[data.length - 1].day;
} }
@ -396,7 +432,7 @@
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
// color: var(--ui-BG-Main); // color: var(--ui-BG-Main);
color: #ff6000; color: white;
} }
.subtitle { .subtitle {
@ -493,9 +529,9 @@
height: 56rpx; height: 56rpx;
} }
.on { // .on {
background-color: #999 !important; // background-color: #999 !important;
} // }
.new-bg { .new-bg {
position: relative; position: relative;
@ -508,7 +544,7 @@
color: white; color: white;
font-size: 20px; font-size: 20px;
position: absolute; position: absolute;
top: 26px; top: 50px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
@ -529,11 +565,13 @@
} }
} }
} }
.new-main { .new-main {
top: -57px; top: -57px;
position: relative; position: relative;
.sign-list { .sign-list {
width: 80%; width: 86%;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
background: white; background: white;
@ -543,10 +581,12 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
.left { .left {
color: rgba(35, 24, 21, 1); color: rgba(35, 24, 21, 1);
font-size:25px; font-size: 19px;
font-weight: 700; font-weight: 700;
.number { .number {
color: rgba(255, 110, 16); color: rgba(255, 110, 16);
margin: 0 5px; margin: 0 5px;
@ -556,36 +596,77 @@
.right { .right {
padding: 5px 10px; padding: 5px 10px;
color: white; color: white;
font-size:20px; font-size: 14px;
background: rgba(255, 139, 43); background: rgba(255, 139, 43);
width: 62px; width: 62px;
border-radius: 20px; border-radius: 20px;
text-align: center; text-align: center;
&.on {
background: #ffe6de;
color: black;
font-size: 14px;
}
} }
} }
.new-bottom { .new-bottom {
display:flex; width: 100%;
flex-wrap:wrap;
.new-l {
padding: 5px;
float: left;
width: 21.9%;
.new-list { .new-list {
padding: 5px 5px; padding: 5px 5px;
background: rgba(255, 247, 239); background: rgba(255, 247, 239);
width:33%;
border-radius: 12px; border-radius: 12px;
&.on {
background: rgba(255, 121, 48);
.t,
.b {
color: white;
}
.c {
.img {
display: none;
}
.img2 {
display: block;
}
}
}
.t { .t {
width: 100%; width: 100%;
color: black; color: black;
text-align: center; text-align: center;
font-weight: 700;
} }
.c { .c {
width: 100%; width: 100%;
margin: 5px 0; margin: 5px 0;
.img { .img {
width:50px; width: 25px;
height:50px; height: 25px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
display: block;
}
.img2 {
width: 25px;
height: 25px;
display: block;
margin: 0 auto;
display: none;
} }
} }
@ -595,14 +676,77 @@
text-align: center; text-align: center;
} }
} }
.new-7 {
position: relative;
width: 134px;
padding: 5px 10px;
padding-bottom: 0;
height: 80px;
display: flex;
flex-wrap: wrap;
.c {
.img {
width: 58px;
height: 58px;
/* display: block; */
margin: 0 auto;
top: 50%;
left: 70%;
transform: translate(-50%, -50%);
position: absolute;
}
.img2 {
width: 58px;
height: 58px;
/* display: block; */
margin: 0 auto;
top: 50%;
left: 70%;
transform: translate(-50%, -50%);
position: absolute;
}
}
.t,
.b {
text-align: left;
}
.t {
height: 41%;
}
.b {}
}
}
} }
} }
.new-qdsm { .new-qdsm {
.t {} width: 86%;
margin: 0 auto;
margin-top: 20px;
padding: 20px;
background: white;
border-radius: 18px;
.tt {} .t {
} font-size: 20px;
color: black;
font-weight: 700;
margin-bottom: 10px;
} }
.tt {
color: rgba(125, 125, 125);
margin-bottom: 3px;
line-height: 26px;
}
}
}
</style> </style>

114
pages/commission/components/account-info.vue
View File

@ -1,37 +1,45 @@
<!-- 分销账户：展示基本统计信息 --> <!-- 分销账户：展示基本统计信息 -->
<template> <template>
<view class="new-main">
<view class="account-card"> <view class="account-card">
<view class="account-card-box"> <view class="account-card-box">
<view class="ss-flex ss-row-between card-box-header"> <view class="ss-flex ss-row-between card-box-header">
<view class="ss-flex"> <view class="ss-flex">
<view class="header-title ss-m-r-16">账户信息</view> <!-- <view class="header-title ss-m-r-16">账户信息</view> -->
<button <button class="ss-reset-button look-btn ss-flex" @tap="state.showMoney = !state.showMoney">
class="ss-reset-button look-btn ss-flex" <uni-icons :type="state.showMoney ? 'eye-filled' : 'eye-slash-filled'" color="#A57A55"
@tap="state.showMoney = !state.showMoney" size="20" />
>
<uni-icons
:type="state.showMoney ? 'eye-filled' : 'eye-slash-filled'"
color="#A57A55"
size="20"
/>
</button> </button>
</view> </view>
<view class="ss-flex" @tap="sheep.$router.go('/pages/commission/wallet')"> <view class="ss-flex" @tap="sheep.$router.go('/pages/commission/wallet')">
<view class="header-title ss-m-r-4">查看明细</view> <view class="header-title ss-m-r-4">提现记录</view>
<text class="cicon-play-arrow" /> <text class="cicon-play-arrow" />
</view> </view>
</view> </view>
<!-- 提现金额 -->
<view class="ss-flex new-cont">
<view class="ss-flex-1 ss-flex-col ">
<view class="item-title">可提现(元)</view>
<view class="item-detail">
{{ state.showMoney ? fen2yuan(state.brokerageInfo.brokeragePrice) : '***' }}
</view>
</view>
<view class="ss-flex-1 ss-flex-col ss-col-center new-btn"
@tap="sheep.$router.go('/pages/commission/withdraw')"
>
立即提现
</view>
</view>
<!-- 收益 --> <!-- 收益 -->
<view class="card-content ss-flex"> <view class="card-content ss-flex">
<view class="ss-flex-1 ss-flex-col ss-col-center"> <view class="ss-flex-1 ss-flex-col ss-col-center">
<view class="item-title">当前佣金(元)</view> <view class="item-title">当前收益(元)</view>
<view class="item-detail"> <view class="item-detail">
{{ state.showMoney ? fen2yuan(state.summary.brokeragePrice || 0) : '***' }} {{ state.showMoney ? fen2yuan(state.summary.brokeragePrice || 0) : '***' }}
</view> </view>
</view> </view>
<view class="ss-flex-1 ss-flex-col ss-col-center"> <view class="ss-flex-1 ss-flex-col ss-col-center">
<view class="item-title">昨天的佣金(元)</view> <view class="item-title">昨天收益(元)</view>
<view class="item-detail"> <view class="item-detail">
{{ state.showMoney ? fen2yuan(state.summary.yesterdayPrice || 0) : '***' }} {{ state.showMoney ? fen2yuan(state.summary.yesterdayPrice || 0) : '***' }}
</view> </view>
@ -44,47 +52,105 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</view> </view>
</template> </template>
<script setup> <script setup>
import sheep from '@/sheep'; import sheep from '@/sheep';
import { computed, reactive, onMounted } from 'vue'; import {
computed,
reactive,
onMounted,
onBeforeMount
} from 'vue';
import BrokerageApi from '@/sheep/api/trade/brokerage'; import BrokerageApi from '@/sheep/api/trade/brokerage';
import { fen2yuan } from '@/sheep/hooks/useGoods'; import {
fen2yuan
} from '@/sheep/hooks/useGoods';
const userInfo = computed(() => sheep.$store('user').userInfo); const userInfo = computed(() => sheep.$store('user').userInfo);
const state = reactive({ const state = reactive({
showMoney: false, showMoney: false,
summary: {}, summary: {},
brokerageInfo: {}, // 分销信息
arr:{}
}); });
// 获得分销信息
async function getBrokerageUser() {
const { data, code } = await BrokerageApi.getBrokerageUser();
if (code === 0) {
state.brokerageInfo = data;
}
}
onMounted(async () => { onMounted(async () => {
let { code, data } = await BrokerageApi.getBrokerageUserSummary(); let {
code,
data
} = await BrokerageApi.getBrokerageUserSummary();
if (code === 0) { if (code === 0) {
state.summary = data || {}; state.summary = data || {};
} }
}); });
onBeforeMount(() => {
getBrokerageUser();
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.new-main{
width: 100%;
}
.account-card { .account-card {
width: 694rpx; width: 694rpx;
margin: 0 auto; margin: 0 auto;
padding: 2rpx; padding: 2rpx;
background: linear-gradient(180deg, #ffffff 0.88%, #fff9ec 100%); // background: linear-gradient(180deg, #ffffff 0.88%, #fff9ec 100%);
border-radius: 12rpx; border-radius: 12rpx 12rpx 0 0;
z-index: 3; z-index: 3;
position: relative; position: relative;
background: url('https://zysc.fjptzykj.com:3000/shangcheng/02ee19a89858e3b1cf0de82867fb06f3ae7f57511130d0167205a97b99b796c7.png') no-repeat;
background-size: cover;
.account-card-box { .account-card-box {
background: #ffefd6;
// background: #ffefd6;
.new-cont {
padding: 0 45rpx;
.new-btn {
background: rgba(254, 104, 73);
border-radius: 22px;
padding: 8px 0;
font-size: 16px;
color: white;
font-weight:700;
}
.item-title {
color: rgba(139, 105, 87, 1);
}
.item-detail {
color: rgba(81, 41, 24, 1);
font-size: 31px;
}
}
.card-box-header { .card-box-header {
padding: 0 30rpx; padding: 0 45rpx;
height: 72rpx; height: 72rpx;
box-shadow: 0px 2px 6px #f2debe; // box-shadow: 0px 2px 6px #f2debe;
.header-title { .header-title {
font-size: 24rpx; font-size: 24rpx;
@ -102,12 +168,12 @@
.card-content { .card-content {
height: 190rpx; height: 190rpx;
background: #fdfae9; // background: #fdfae9;
.item-title { .item-title {
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
color: #cba67e; color: rgba(139, 105, 87, 1);
line-height: 30rpx; line-height: 30rpx;
margin-bottom: 24rpx; margin-bottom: 24rpx;
} }

142
pages/commission/components/commission-info.vue
View File

@ -8,7 +8,42 @@
<image class="head-img" :src="sheep.$url.cdn(userInfo.avatar)" mode="aspectFill"></image> <image class="head-img" :src="sheep.$url.cdn(userInfo.avatar)" mode="aspectFill"></image>
</view> </view>
<view class="ss-flex-col"> <view class="ss-flex-col">
<view class="user-name">{{ userInfo.nickname }}</view> <view class="user-name" style="color:white;">{{ userInfo.nickname }}</view>
</view>
</view>
</view>
<!-- 账户信息 -->
<account-info style="margin: 0 auto;" />
</view>
<view class="new-ljsy">
<view class="l dd">
<view class="l-img">
<image src="https://zysc.fjptzykj.com:3000/shangcheng/a2aba0242cd2b7ec54518e2ec11651fba3154b5dff9bcd6323cbfa22d771a970.png" class="img"></image>
</view>
<view class="l-text">
<view class="l-text-t">
{{
fen2yuan(state.summary.withdrawPrice || 0)
}}
</view>
<view class="l-text-b">
累计收益（元）
</view>
</view>
</view>
<view class="l r" @click="sheep.$router.go('/pages/commission/team')">
<view class="l-img">
<image src="https://zysc.fjptzykj.com:3000/shangcheng/e940fb45cc53df01980b7069432d5101e104014fbb3cd24862d08c1ffba9df68.png" class="img"></image>
</view>
<view class="l-text">
<view class="l-text-t">
{{
state.arr.firstBrokerageUserCount + state.arr.secondBrokerageUserCount ||
0
}}
</view>
<view class="l-text-b">
我的团队
</view> </view>
</view> </view>
</view> </view>
@ -16,38 +51,117 @@
</template> </template>
<script setup> <script setup>
import accountInfo from './account-info.vue';
import sheep from '@/sheep'; import sheep from '@/sheep';
import { computed, reactive } from 'vue'; import BrokerageApi from '@/sheep/api/trade/brokerage';
import {
computed,
reactive,
onBeforeMount
} from 'vue';
import {
fen2yuan
} from '@/sheep/hooks/useGoods';
const userInfo = computed(() => sheep.$store('user').userInfo); const userInfo = computed(() => sheep.$store('user').userInfo);
const headerBg = sheep.$url.css('/static/img/shop/commission/background.png'); const headerBg = sheep.$url.css('/static/img/shop/commission/background.png');
const state = reactive({ const state = reactive({
showMoney: false, showMoney: false,
summary:{},
arr:{}
});
async function getAgentInfo() {
const { code, data } = await BrokerageApi.getBrokerageUserSummary();
if (code !== 0) {
return;
}
state.summary = data;
}
onBeforeMount(async() => {
getAgentInfo();
// 概要数据
let { data } = await BrokerageApi.getBrokerageUserSummary();
state.arr = data;
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.new-ljsy {
width:100%;
background:white;
padding: 20px 0;
display: flex;
justify-content: center;
.l {
background: rgba(254,244,237,1);
// background:url('https://zysc.fjptzykj.com/admin-api/infra/file/25/get/8e878e15d22f68e0187a953aeba31b80423b7e3fafa8e4aa9f237477ac0fd519.png') rgba(254,244,237,1);
width:43%;
height:85px;
border-radius: 12px;
background-size: cover;
// position:relative;
display:flex;
align-items:center;
justify-content: center;
&.dd{
margin-right: 5%;
}
.l-text{
// position:absolute;
// top:50%;
// transform: translateY(-50%);
// left:70px;
.l-text-t{
font-size:20px;
font-weight: 700;
}
.l-text-b{
font-size: 13px;
}
}
.l-img{
width:40px;
height:40px;
margin-right:10px;
.img{
width:100%;
height:100%;
}
}
}
.r {
// background:url('https://zysc.fjptzykj.com/admin-api/infra/file/25/get/b18f31e528ad0ab1026441faba07cb9e64723ffa511d103324fcd65fcaaf1557.png') rgba(254,244,237,1);
// background-size: cover;
.l-text{
// left:80px;
}
}
}
// 用户资料卡片 // 用户资料卡片
.user-card { .user-card {
width: 690rpx; width: 100%;
height: 192rpx; height: 580rpx;
margin: -88rpx 20rpx 0 20rpx; // margin: -88rpx 20rpx 0 20rpx;
padding-top: 88rpx; // background: url('https://zysc.fjptzykj.com:3000/shangcheng/10c7d7a9afb36266f658e5f398922b835530cb350ef98cf90d4ef6f60ccc1bc1.png') no-repeat;
background: url('https://zysc.fjptzykj.com:3000/shangcheng/10c7d7a9afb36266f658e5f398922b835530cb350ef98cf90d4ef6f60ccc1bc1.png') no-repeat; background: url('https://zysc.fjptzykj.com:3000/shangcheng/4bcaa2803c9cc953353d22db804b952b333e97d2a0d57266a00baf0c07379efa.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex;
flex-wrap: wrap;
.head-img-box { .head-img-box {
margin-right: 20rpx; margin-right: 20rpx;
width: 100rpx; width: 62rpx;
height: 100rpx; height: 62rpx;
border-radius: 50%; border-radius: 50%;
position: relative; position: relative;
background: #fce0ad; background: #fce0ad;
.head-img { .head-img {
width: 92rpx; width: 62rpx;
height: 92rpx; height: 62rpx;
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -58,14 +172,14 @@
.card-top { .card-top {
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 34rpx; margin-top: 46px;
margin-left: 16px;
.user-name { .user-name {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #692e04; color: #692e04;
line-height: 30rpx; line-height: 30rpx;
margin-bottom: 20rpx;
} }
.log-btn { .log-btn {

115
pages/commission/components/commission-menu.vue
View File

@ -1,38 +1,77 @@
<!-- 分销：商菜单栏 --> <!-- 分销：商菜单栏 -->
<template> <template>
<view class="menu-box ss-flex-col"> <view class="ss-flex-col new-menu">
<view class="new-menu-list">
<view class="new-menu-item" v-for="(item, index) in state.menuListnew" :key="index"
@tap="sheep.$router.go(item.path)">
<view class="l">
<image class="menu-icon " :src="sheep.$url.static(item.img)" mode="aspectFill"></image>
<view>{{ item.title }}</view>
</view>
<view class="r">
<image class="menu-icon-you" src="@/static/images/dayu.png" mode="aspectFill"></image>
</view>
</view>
</view>
</view>
<!-- <view class="menu-box ss-flex-col">
<view class="header-box"> <view class="header-box">
<image class="header-bg" src="https://zysc.fjptzykj.com:3000/shangcheng/eb9244a1f0662a699869d47287a477bd16147030ff25c9573395036192b86d91.png" /> <image class="header-bg"
src="https://zysc.fjptzykj.com:3000/shangcheng/eb9244a1f0662a699869d47287a477bd16147030ff25c9573395036192b86d91.png" />
<view class="ss-flex header-title"> <view class="ss-flex header-title">
<view class="title">功能专区</view> <view class="title">功能专区</view>
<text class="cicon-forward"></text> <text class="cicon-forward"></text>
</view> </view>
</view> </view>
<view class="menu-list ss-flex ss-flex-wrap"> <view class="menu-list ss-flex ss-flex-wrap">
<view <view v-for="(item, index) in state.menuList" :key="index" class="item-box ss-flex-col ss-col-center"
v-for="(item, index) in state.menuList" @tap="sheep.$router.go(item.path)">
:key="index" <image class="menu-icon ss-m-b-10" :src="sheep.$url.static(item.img)" mode="aspectFill"></image>
class="item-box ss-flex-col ss-col-center"
@tap="sheep.$router.go(item.path)"
>
<image
class="menu-icon ss-m-b-10"
:src="sheep.$url.static(item.img)"
mode="aspectFill"
></image>
<view>{{ item.title }}</view> <view>{{ item.title }}</view>
</view> </view>
</view> </view>
</view> </view> -->
</template> </template>
<script setup> <script setup>
import sheep from '@/sheep'; import sheep from '@/sheep';
import { reactive } from 'vue'; import {
reactive
} from 'vue';
const state = reactive({ const state = reactive({
menuList: [ menuListnew: [{
img: 'https://zysc.fjptzykj.com:3000/shangcheng/82255ab9cb8fa91b261a1976c81a7c761c34a8aa3d3fc12864b3b83158d22267.png',
title: '推广名片',
path: 'action:showShareModal',
},
{ {
img: 'https://zysc.fjptzykj.com:3000/shangcheng/3aca872c5c25923b883b98364ca7525bcb7d176cf89769bab429fed090c75adb.png',
title: '佣金明细',
path: '/pages/commission/wallet',
},
{
img: 'https://zysc.fjptzykj.com:3000/shangcheng/512aaaf15aeedc1fd5ad6dc14161d83a4c4ecee33ae2428986c8ecbf0c420fa7.png',
title: '分销订单',
path: '/pages/commission/order',
},
{
img: 'https://zysc.fjptzykj.com:3000/shangcheng/6b61f1357f2f5a4a211c0bb4bac3d85c6e85958e0bfd04d0045d6c83e98085b7.png',
title: '推广商品',
path: '/pages/commission/goods',
},
{
img: 'https://zysc.fjptzykj.com:3000/shangcheng/e488e0f84bd4da1edfe75ccfbcc16acf8c60073409f03406bb350573b43769a8.png',
title: '推广排行',
path: '/pages/commission/promoter',
},
{
img: 'https://zysc.fjptzykj.com:3000/shangcheng/28d6bf4595172ed0a1cdc693483eef018f7f1242be35106bb12ce3ca21940753.png',
title: '佣金排行',
path: '/pages/commission/commission-ranking',
},
],
menuList: [{
img: 'https://zysc.fjptzykj.com:3000/shangcheng/ec41e4f5b45c087232aab8d088019a1e9d781b9bde0f54ddbb18e90230b83255.png', img: 'https://zysc.fjptzykj.com:3000/shangcheng/ec41e4f5b45c087232aab8d088019a1e9d781b9bde0f54ddbb18e90230b83255.png',
title: '我的团队', title: '我的团队',
path: '/pages/commission/team', path: '/pages/commission/team',
@ -80,6 +119,42 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.new-menu {
width: 100%;
background: white;
.new-menu-list {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 20px;
.new-menu-item {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
justify-content: space-between;
margin-bottom:19px;
.l {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 50%;
.menu-icon{
margin-right: 10px;
}
}
.r {
width: 4%;
display: flex;
align-items: center;
}
}
}
}
.menu-box { .menu-box {
margin: 0 auto; margin: 0 auto;
width: 690rpx; width: 690rpx;
@ -133,11 +208,15 @@
} }
.menu-icon { .menu-icon {
width: 68rpx; width: 45rpx;
height: 68rpx; height: 45rpx;
background: #ffffff; background: #ffffff;
border-radius: 50%; border-radius: 50%;
} }
.menu-icon-you{
width: 48rpx;
height: 48rpx;
}
.menu-title { .menu-title {
font-size: 26rpx; font-size: 26rpx;

11
pages/commission/index.vue
View File

@ -1,20 +1,21 @@
<!-- 分销中心 --> <!-- 分销中心 -->
<template> <template>
<s-layout <s-layout
navbar="inner" navbar="custom"
navbarMode="inner"
class="index-wrap" class="index-wrap"
title="分销中心" title=""
:bgStyle="bgStyle" :bgStyle="bgStyle"
:onShareAppMessage="shareInfo" :onShareAppMessage="shareInfo"
> >
<!-- 分销商信息 --> <!-- 分销商信息 -->
<commission-info /> <commission-info />
<!-- 账户信息 --> <!-- 账户信息 -->
<account-info /> <!-- <account-info /> -->
<!-- 菜单栏 --> <!-- 菜单栏 -->
<commission-menu /> <commission-menu />
<!-- 分销记录 --> <!-- 分销记录 -->
<commission-log /> <!-- <commission-log /> -->
<!-- 权限弹窗 --> <!-- 权限弹窗 -->
<commission-auth /> <commission-auth />
@ -24,7 +25,7 @@
<script setup> <script setup>
import { computed } from 'vue'; import { computed } from 'vue';
import commissionInfo from './components/commission-info.vue'; import commissionInfo from './components/commission-info.vue';
import accountInfo from './components/account-info.vue'; // import accountInfo from './components/account-info.vue';
import commissionLog from './components/commission-log.vue'; import commissionLog from './components/commission-log.vue';
import commissionMenu from './components/commission-menu.vue'; import commissionMenu from './components/commission-menu.vue';
import commissionAuth from './components/commission-auth.vue'; import commissionAuth from './components/commission-auth.vue';

4
pages/coupon/list.vue
View File

@ -201,13 +201,15 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.card-btn { .card-btn {
// width: 144rpx; // width: 144rpx;
padding: 0 16rpx; padding: 0 12rpx;
height: 50rpx; height: 50rpx;
border-radius: 40rpx; border-radius: 40rpx;
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
color: #ffffff; color: #ffffff;
font-size: 24rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
flex: 1;
margin: 0 10px;
} }
.border-btn { .border-btn {

2
pages/goods/groupon.vue
View File

@ -110,7 +110,7 @@
<view>原价购买</view> <view>原价购买</view>
</button> </button>
<button class="ss-reset-button btn-tox ss-flex-col" @tap="onCreateGroupon" :class=" <button class="ss-reset-button btn-tox ss-flex-col" @tap="onCreateGroupon" :class="
state.activity.status === 0 && state.goodsInfo.stock !== 0 state.activity.status === 0 && state.goodsInfo.stock !== 0 && state.activity.remainingPurchases != 0
? 'check-btn-box' ? 'check-btn-box'
: 'disabled-btn-box' : 'disabled-btn-box'
" :disabled="state.goodsInfo.stock === 0 || state.activity.status !== 0 || state.activity.remainingPurchases == 0"> " :disabled="state.goodsInfo.stock === 0 || state.activity.status !== 0 || state.activity.remainingPurchases == 0">

7
pages/goods/seckill.vue
View File

@ -604,13 +604,17 @@
// position: relative; // position: relative;
// height: 41px; // height: 41px;
padding: 14px 13px;
padding-bottom: 4px; padding-bottom: 4px;
.title-text {
padding: 14px 13px;
}
} }
.new-main { .new-main {
position: relative; position: relative;
top: -29px; top: -29px;
.new-sub { .new-sub {
border-radius: 20px; border-radius: 20px;
position: relative; position: relative;
@ -618,6 +622,7 @@
background: #f6f6f6; background: #f6f6f6;
} }
} }
.title-text { .title-text {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;

24
pages/order/confirm.vue
View File

@ -334,7 +334,9 @@
// 检查库存 & 计算订单价格 // 检查库存 & 计算订单价格
async function getOrderInfo() { async function getOrderInfo() {
// 计算价格 // 计算价格
const { data, code } = await OrderApi.settlementOrder({ let parm = {};
if(addressState.value.deliveryType == 4){
parm = {
items: state.orderPayload.items, items: state.orderPayload.items,
couponId: state.orderPayload.couponId, couponId: state.orderPayload.couponId,
deliveryType: addressState.value.deliveryType, deliveryType: addressState.value.deliveryType,
@ -347,7 +349,25 @@
combinationHeadId: state.orderPayload.combinationHeadId, combinationHeadId: state.orderPayload.combinationHeadId,
seckillActivityId: state.orderPayload.seckillActivityId, seckillActivityId: state.orderPayload.seckillActivityId,
pointActivityId: state.orderPayload.pointActivityId, pointActivityId: state.orderPayload.pointActivityId,
}); }
}else{
parm = {
items: state.orderPayload.items,
couponId: state.orderPayload.couponId,
deliveryType: addressState.value.deliveryType,
addressId: addressState.value.addressInfo.id, // 收件地址编号
pickUpStoreId: addressState.value.pickUpInfo.id, //自提门店编号
receiverName: addressState.value.receiverName, // 选择门店自提时，该字段为联系人名
receiverMobile: addressState.value.receiverMobile, // 选择门店自提时，该字段为联系人手机
pointStatus: state.pointStatus,
combinationActivityId: state.orderPayload.combinationActivityId,
combinationHeadId: state.orderPayload.combinationHeadId,
seckillActivityId: state.orderPayload.seckillActivityId,
}
}
const { data, code } = await OrderApi.settlementOrder(parm);
if (code !== 0) { if (code !== 0) {
return; return;
} }

121
pages/reservation_record/reservation_record.vue
View File

@ -1,21 +1,13 @@
<template> <template>
<s-layout title="预约记录" :bgStyle="{ color: '#fff' }"> <s-layout title="预约记录" :bgStyle="{ color: '#fff' }">
<view class="container"> <view class="container">
<!-- <view class="health_title">
<image class="health_title_img" ></image>
<view class="health-title-title">预约记录</view>
</view> -->
<view class="cards"> <view class="cards">
<view class="card" v-for="(item, index) in reservationList" :key="index"> <view class="card" v-for="(item, index) in reservationList" :key="index">
<view class="card-content"> <view class="card-content">
<text class="type" >预约类型：{{ item.typeName }}</text> <text class="type">预约信息</text>
<!-- <text class="type" v-if="item.type===1">预约类型：教培预约</text> --> <text class="time">订单日期：{{ sheep.$helper.timeFormat(item.reAddTime, 'yyyy-mm-dd hh:MM:ss') }}</text>
<text class="time">预约时间：{{ item.reAddTime }}</text>
</view> </view>
<view style="height: 1px; background-color: #e8e8e8;margin:7px 0px 7px 0px"></view> <view style="height: 1px; background-color: #e8e8e8;margin:7px 0px 7px 0px"></view>
<!-- <view class="card-contentinfo">
<text class="time">预约时间：{{ item.reAddTime }}</text>
</view> -->
<view> <view>
<text class="address">医生：{{ item.technicianName }}</text><br><br> <text class="address">医生：{{ item.technicianName }}</text><br><br>
<text class="address">医馆：{{ item.brandName }}</text><br><br> <text class="address">医馆：{{ item.brandName }}</text><br><br>
@ -26,9 +18,15 @@
<text class="address">备注：{{ item.remark }}</text><br><br> <text class="address">备注：{{ item.remark }}</text><br><br>
</view> </view>
<view> <view>
<text class="status" style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;" v-if=" item.reStatus===0">待审核</text> <text class="status"
<text class="status" style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;" v-if=" item.reStatus===1">预约成功</text> style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;"
<text class="status" style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;" v-if=" item.reStatus===2">已完结</text><br><br> v-if=" item.reStatus===0">待审核</text>
<text class="status"
style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;"
v-if=" item.reStatus===1">预约成功</text>
<text class="status"
style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;"
v-if=" item.reStatus===2">已完结</text><br><br>
</view> </view>
</view> </view>
</view> </view>
@ -37,71 +35,77 @@
</template> </template>
<script> <script>
import {
ref,
computed,
onMounted
} from 'vue';
import request from '@/sheep/request'; import request from '@/sheep/request';
import { computed } from 'vue';
import sheep from '@/sheep';
import { import {
baseUrl, baseUrl,
apiPath apiPath
} from '@/sheep/config'; } from '@/sheep/config';
import sheep from '@/sheep';
export default { export default {
data() { setup() {
return { // 使用 ref 创建响应式数据
memberId:null, const memberId = ref(null);
reservationList: [], const reservationList = ref([]);
page: 1, const page = ref(1);
limit: 10, const limit = ref(10);
totalPages: 1, const totalPages = ref(1);
};
}, // 使用 computed 创建计算属性
created() { const userInfo = computed(() => sheep.$store('user').userInfo);
this.memberId=computed(() => sheep.$store('user').userInfo).value.id memberId.value = userInfo.value.id;
this.getList();
}, // 使用 onMounted 生命周期钩子
methods: { onMounted(() => {
getList() { getList();
});
// 定义方法
function getList() {
request({ request({
url: `${baseUrl}${apiPath}/h5/reservation/list`, url: `${baseUrl}${apiPath}/h5/reservation/list`,
method: 'GET', method: 'GET',
params: { params: {
userId:this.memberId, userId: memberId.value,
}, },
custom: { custom: {
showLoading: false, showLoading: false,
}, },
}).then((res) => { }).then((res) => {
this.reservationList = res.data.list reservationList.value = res.data.list;
}); });
// uni.request({
// url: `${baseUrl}${apiPath}/h5/reservation/list`, // 接口地址
// data: {
// userId:this.memberId,
// },
// success: (res) => {
// console.log(res.data);
// this.reservationList = res.data.rows
// },
// fail: (error) => {
// console.log(error)
// }
// })
},
} }
// 将响应式数据和方法暴露给模板
return {
memberId,
reservationList,
page,
limit,
totalPages,
getList,
};
},
}; };
</script> </script>
<style scoped> <style scoped lang="scss">
.address-container { .address-container {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
/* align-items: center; */ /* align-items: center; */
background-color: #f5f5f5; background-color: #f5f5f5;
padding: 10px; padding: 15px;
} }
.header { .header {
@ -138,6 +142,22 @@
.card-content { .card-content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.type {
position: relative;
padding-left: 20px;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
background: url('https://zysc.fjptzykj.com:3000/shangcheng/7b5c7b96c46b782e8928ed9e53d19563823408b481b03ec75954d8266ec55f6b.png') no-repeat;
background-size: 60%;
}
}
} }
.card-contentinfo { .card-contentinfo {
@ -160,20 +180,23 @@
.hospital, .hospital,
.technician, .technician,
.type { .type {
margin-left: 20px; /* margin-left: 20px; */
font-size: 15px; font-size: 15px;
color: #161616; color: #161616;
font-weight: bold; font-weight: bold;
} }
.status { .status {
font-size: 15px; font-size: 15px;
color: #666; color: #666;
} }
.address { .address {
margin: 20px 0px 0px 20px; margin: 20px 0px 0px 20px;
font-size: 15px; font-size: 15px;
color: #666; color: #666;
} }
.health-list { .health-list {
background-color: #FFFFFF; background-color: #FFFFFF;
height: 100%; height: 100%;

7
sheep/components/s-block-item/s-block-item.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<view> <view>
<!-- 基础组件：搜索框 --> <!-- 基础组件：搜索框 -->
<s-search-block v-if="type === 'SearchBar'" :data="data" :styles="styles" :navbar="false" /> <s-search-block v-if="type === 'SearchBar'" :data="data" :styles="styles" :navbar="false" />
<!-- 基础组件：公告栏 --> <!-- 基础组件：公告栏 -->
@ -136,7 +135,7 @@
.new-huiy { .new-huiy {
width: 100%; width: 100%;
height: 89px; height: 93px;
z-index: 9999999999999; z-index: 9999999999999;
.new-button { .new-button {
@ -145,7 +144,7 @@
text-align: center; text-align: center;
position: absolute; position: absolute;
border-radius: 20px; border-radius: 20px;
right: 29px; right: 14px;
top: 37px; top: 37px;
font-size: 14px; font-size: 14px;
color: rgba(148, 109, 45, 1); color: rgba(148, 109, 45, 1);
@ -158,7 +157,7 @@
z-index: 22; z-index: 22;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 94%; width: 100%;
} }
} }

110
sheep/components/s-coupon-list/s-coupon-list.vue
View File

@ -1,26 +1,15 @@
<template> <template>
<view class="ss-m-20" :style="{ opacity: disabled ? '0.5' : '1' }"> <view class="ss-m-20" :style="{ opacity: disabled ? '0.5' : '1' }">
<view class="content"> <view class="content">
<view <view class="tag ss-flex ss-row-center" :class="isDisable ? 'disabled-bg-color' : 'info-bg-color'">
class="tag ss-flex ss-row-center"
:class="isDisable ? 'disabled-bg-color' : 'info-bg-color'"
>
{{ data.discountType === 1 ? '满减券' : '折扣券' }} {{ data.discountType === 1 ? '满减券' : '折扣券' }}
</view> </view>
<view class="title ss-m-x-30 ss-p-t-18"> <view class="title ss-flex">
<view class="ss-flex ss-row-between">
<view <view class="ss-flex new-title new-left">
class="value-text ss-flex-1 ss-m-r-10" <view style="width:100%;">
:class="isDisable ? 'disabled-color' : 'info-color'" <view class="ss-flex ss-col-bottom new-left-center" :class="isDisable ? 'disabled-color' : 'price-text'">
> <view class="value-reduce " v-if="data.discountType === 1">￥</view>
{{ data.name }}
</view>
<view>
<view
class="ss-flex ss-col-bottom"
:class="isDisable ? 'disabled-color' : 'price-text'"
>
<view class="value-reduce ss-m-b-10" v-if="data.discountType === 1">￥</view>
<view class="value-price"> <view class="value-price">
{{ {{
data.discountType === 1 data.discountType === 1
@ -28,33 +17,36 @@
: data.discountPercent / 10.0 : data.discountPercent / 10.0
}} }}
</view> </view>
<view class="value-discount ss-m-b-10 ss-m-l-4" v-if="data.discountType === 2" <view class="value-discount ss-m-b-10 ss-m-l-4" v-if="data.discountType === 2">折</view>
>折</view
>
</view> </view>
</view> </view>
<view class="value-enough new-left-center" :class="isDisable ? 'disabled-color' : 'subtitle-color'">
满 {{ fen2yuan(data.usePrice) }} 可用
</view> </view>
<view class="ss-flex ss-row-between ss-m-t-16">
<view
class="sellby-text" </view>
:class="isDisable ? 'disabled-color' : 'subtitle-color'" <view class="ss-flex ss-row-between ss-m-t-16 new-title new-con-ww">
v-if="data.validityType === 2" <view class="value-text ss-flex-1 ss-m-r-10 new-ww" :class="isDisable ? 'disabled-color' : 'info-color'">
> {{ data.name }}
有效期：领取后第{{ data.fixedStartTerm }}天开始至第{{ data.fixedEndTerm }}天内有效 </view>
<view class="sellby-text new-ww" :class="isDisable ? 'disabled-color' : 'subtitle-color'"
v-if="data.validityType === 2">
<!-- 有效期：领取后第{{ data.fixedStartTerm }}天开始至第{{ data.fixedEndTerm }}天内有效 -->
有效期：领取{{ data.fixedEndTerm }}天内有效
</view> </view>
<view class="sellby-text" :class="isDisable ? 'disabled-color' : 'subtitle-color'" v-else> <view class="sellby-text" :class="isDisable ? 'disabled-color' : 'subtitle-color'" v-else>
有效期: {{ sheep.$helper.timeFormat(data.validStartTime, 'yyyy-mm-dd') }} 至 有效期: {{ sheep.$helper.timeFormat(data.validStartTime, 'yyyy-mm-dd') }} 至
{{ sheep.$helper.timeFormat(data.validEndTime, 'yyyy-mm-dd') }} {{ sheep.$helper.timeFormat(data.validEndTime, 'yyyy-mm-dd') }}
</view> </view>
<view class="value-enough" :class="isDisable ? 'disabled-color' : 'subtitle-color'">
满 {{ fen2yuan(data.usePrice) }} 可用
</view>
</view> </view>
<slot />
</view> </view>
</view> </view>
<!-- TODO 芋艿：可优化，增加优惠劵的描述 --> <!-- TODO 芋艿：可优化，增加优惠劵的描述 -->
<view class="desc ss-flex ss-row-between"> <!-- <view class="desc ss-flex ss-row-between">
<view> <view>
<view class="desc-title">{{ data.description }}</view> <view class="desc-title">{{ data.description }}</view>
<view> <view>
@ -64,13 +56,18 @@
<view> <view>
<slot /> <slot />
</view> </view>
</view> </view> -->
</view> </view>
</template> </template>
<script setup> <script setup>
import { computed, reactive } from 'vue'; import {
import { fen2yuan } from '../../hooks/useGoods'; computed,
reactive
} from 'vue';
import {
fen2yuan
} from '../../hooks/useGoods';
import sheep from '../../index'; import sheep from '../../index';
const state = reactive({}); const state = reactive({});
@ -100,6 +97,35 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.new-title{
flex-wrap: wrap;
}
.content{
position:relative;
.tag{
position:absolute;
top:0;
left:0;
}
}
.new-ww{
width:100%;
}
.new-con-ww{
width:42%;
padding-left: 13px;
}
.new-left{
padding: 30px 0px;
background: rgba(255, 241, 241);
width: 32%;
.new-left-center{
width:100%;
justify-content: center;
text-align: center;
color: #ff0000;
}
}
.info-bg-color { .info-bg-color {
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient)); background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
} }
@ -123,8 +149,8 @@
.content { .content {
width: 100%; width: 100%;
background: #fff; background: #fff;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx;
-webkit-mask: radial-gradient(circle at 12rpx 100%, #0000 12rpx, red 0) -12rpx; // -webkit-mask: radial-gradient(circle at 12rpx 100%, #0000 12rpx, red 0) -12rpx;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);
.tag { .tag {
@ -137,8 +163,8 @@
} }
.title { .title {
padding-bottom: 22rpx; // padding-bottom: 22rpx;
border-bottom: 2rpx dashed #d3d3d3; // border-bottom: 2rpx dashed #d3d3d3;
.value-text { .value-text {
font-size: 32rpx; font-size: 32rpx;
@ -151,8 +177,8 @@
} }
.value-price { .value-price {
font-size: 64rpx; font-size: 40rpx;
font-weight: 500; font-weight: 700;
line-height: normal; line-height: normal;
font-family: OPPOSANS; font-family: OPPOSANS;
} }
@ -178,7 +204,7 @@
.desc { .desc {
width: 100%; width: 100%;
background: #fff; background: #fff;
-webkit-mask: radial-gradient(circle at 12rpx 0%, #0000 12rpx, red 0) -12rpx; // -webkit-mask: radial-gradient(circle at 12rpx 0%, #0000 12rpx, red 0) -12rpx;
box-shadow: rgba(#000, 0.1); box-shadow: rgba(#000, 0.1);
box-sizing: border-box; box-sizing: border-box;
padding: 24rpx 30rpx; padding: 24rpx 30rpx;

27
sheep/components/s-goods-column/s-goods-column.vue
View File

@ -79,9 +79,9 @@
</view> </view>
<template v-else> <template v-else>
<view class="fff" v-if="btn == 'ms'">抢</view> <view class="fff" v-if="btn == 'ms'">抢</view>
<text class="price-unit ss-font-24">{{ priceUnit }}</text> <text class="price-unit new-unit">{{ priceUnit }}</text>
<text v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text> <text class="new-unit-number" v-if="data.promotionPrice > 0">{{ fen2yuan(data.promotionPrice) }}</text>
<text v-else> <text class="new-unit-number" v-else>
{{ isArray(data.price) ? fen2yuan(data.price[0]) : fen2yuan(data.price) }} {{ isArray(data.price) ? fen2yuan(data.price[0]) : fen2yuan(data.price) }}
</text> </text>
</template> </template>
@ -682,7 +682,7 @@
} }
.sm-goods-content { .sm-goods-content {
padding: 20rpx 16rpx; padding: 20rpx 0;
box-sizing: border-box; box-sizing: border-box;
} }
@ -892,18 +892,25 @@
color: white; color: white;
border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
} }
.fff { .fff {
padding: 3px; padding: 1px 3px;
font-size: 13px; font-size: 8px;
background: #e93422; background: #e93422;
text-align: center;
color: white; color: white;
border-radius: 5px; border-radius: 2px;
width: 20px; margin-right: 2px;
margin-right:5px;
} }
.new-ii { .new-ii {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
} }
.new-unit{
font-size: 10px;
}
.new-unit-number{
font-size: 13px;
font-weight: 700;
}
</style> </style>

2
sheep/components/s-groupon-block/s-groupon-block.vue
View File

@ -20,7 +20,7 @@
</view> </view>
</template> </template>
<template v-slot:footer> <template v-slot:footer>
<view style="color: rgb(187, 187, 187);font-size:15px;" class="notice-text ss-flex ss-row-center ss-col-center"> <view style="color: rgb(187, 187, 187);font-size:13px;" class="notice-text ss-flex ss-row-center ss-col-center">
查看更多 查看更多
</view> </view>
</template> </template>

7
sheep/components/s-menu-grid/s-menu-grid.vue
View File

@ -1,7 +1,7 @@
<!-- 装修基础组件：宫格导航 --> <!-- 装修基础组件：宫格导航 -->
<template> <template>
<uni-grid :showBorder="Boolean(data.border)" :column="data.column"> <uni-grid :showBorder="Boolean(data.border)" :column="data.column">
<uni-grid-item v-for="(item, index) in data.list" :key="index" @tap="sheep.$router.go(item.url)"> <uni-grid-item v-for="(item, index) in data.list" :key="index" @tap="sheep.$router.go(item.url)" :class="data.list.length > 5 ? 'sss' : ''">
<view class="grid-item-box ss-flex ss-flex-col ss-row-center ss-col-center"> <view class="grid-item-box ss-flex ss-flex-col ss-row-center ss-col-center">
<view class="img-box"> <view class="img-box">
<view class="tag-box" v-if="item.badge.show" <view class="tag-box" v-if="item.badge.show"
@ -12,7 +12,7 @@
</view> </view>
<view class="title-box ss-flex ss-flex-col ss-row-center ss-col-center"> <view class="title-box ss-flex ss-flex-col ss-row-center ss-col-center">
<view class="grid-text" :style="[{ color: item.titleColor }]"> <view class="grid-text" :style="[{ color: item.titleColor }]" style="font-size: 12px;">
{{ item.title }} {{ item.title }}
</view> </view>
<view class="grid-tip" :style="[{ color: item.subtitleColor }]"> <view class="grid-tip" :style="[{ color: item.subtitleColor }]">
@ -36,6 +36,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.sss:not(:nth-child(n+6))){
margin-bottom: 15px;
}
.menu-image { .menu-image {
width: 45px; width: 45px;
height: 45px; height: 45px;

5
sheep/components/s-menu-list/s-menu-list.vue
View File

@ -15,7 +15,7 @@
</view> </view>
</template> </template>
<template v-slot:footer> <template v-slot:footer>
<view class="notice-text ss-flex ss-row-center ss-col-center" <view class="notice-text ss-flex ss-row-center ss-col-center new-color"
:style="[{ color: item.subtitleColor }]"> :style="[{ color: item.subtitleColor }]">
{{ item.subtitle }} {{ item.subtitle }}
</view> </view>
@ -42,6 +42,9 @@
:deep(.container--right){ :deep(.container--right){
padding-left: 5px !important; padding-left: 5px !important;
} }
.new-color{
font-size: 13px;
}
.ss-col-center{ .ss-col-center{
.list-icon { .list-icon {
position: relative; position: relative;

30
sheep/components/s-notice-block/s-notice-block.vue
View File

@ -2,16 +2,8 @@
<view class="ss-flex ss-col-center notice-wrap"> <view class="ss-flex ss-col-center notice-wrap">
<image class="icon-img" :src="sheep.$url.cdn(data.iconUrl)" mode="heightFix"></image> <image class="icon-img" :src="sheep.$url.cdn(data.iconUrl)" mode="heightFix"></image>
<!-- todo：@owen 暂时只支持一个公告 --> <!-- todo：@owen 暂时只支持一个公告 -->
<su-notice-bar <su-notice-bar style="flex: 1" :showIcon="false" scrollable single :text="data.contents[0].text" :speed="50"
style="flex: 1" :color="data.textColor" @tap="sheep.$router.go(data.contents[0].url)" />
:showIcon="false"
scrollable
single
:text="data.contents[0].text"
:speed="50"
:color="data.textColor"
@tap="sheep.$router.go(data.contents[0].url)"
/>
</view> </view>
</template> </template>
@ -32,8 +24,22 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.notice-wrap { .notice-wrap {
.icon-img { .icon-img {
width: 80px !important; width: 75px !important;
height: 20px; height: 19px;
position: relative;
padding-right: 9px;
&:after {
position: absolute;
content: '';
right: 0;
height: 80%;
width: 1px;
background: #7a767640;
top: 52%;
;
transform: translateY(-50%);
}
} }
} }
</style> </style>

11
sheep/components/s-order-card/s-order-card.vue
View File

@ -106,16 +106,19 @@
// border-bottom: 1px solid #dcdcdc; // border-bottom: 1px solid #dcdcdc;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.ff { .ff {
display: flex; display: flex;
align-items: center; align-items: center;
.ckgd { .ckgd {
color: #8a8787; color: #8a8787;
font-size: 15px; font-size: 13px;
.img { .img {
width:20px; width: 22px;
height:20px; height: 22px;
margin-top: 3px; margin-top: 5px;
} }
} }
} }

2
sheep/components/s-seckill-block/s-seckill-block.vue
View File

@ -24,7 +24,7 @@
</view> </view>
</template> </template>
<template v-slot:footer> <template v-slot:footer>
<view style="color: rgb(187, 187, 187);font-size:15px;" <view style="color: rgb(187, 187, 187);font-size:13px;"
class="notice-text ss-flex ss-row-center ss-col-center"> class="notice-text ss-flex ss-row-center ss-col-center">
查看更多 查看更多
</view> </view>

5
sheep/ui/su-navbar/su-navbar.vue
View File

@ -1,7 +1,10 @@
<!-- 自定义导航栏 --> <!-- 自定义导航栏 -->
<template> <template>
<view class="uni-navbar" :class="{ 'uni-dark': dark }"> <view class="uni-navbar" :class="{ 'uni-dark': dark }">
<view :class="{ <view :style="{
background: backgroundColor,
}"
:class="{
'uni-navbar--fixed': fixed, 'uni-navbar--fixed': fixed,
'uni-navbar--shadow': shadow, 'uni-navbar--shadow': shadow,
'uni-navbar--border': border, 'uni-navbar--border': border,

6
uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue
View File

@ -1,7 +1,11 @@
<template> <template>
<view <!-- <view
:style="'width:' + width + ';' + (square ? 'height:' + width : '')" :style="'width:' + width + ';' + (square ? 'height:' + width : '')"
class="uni-grid-item grid-item" class="uni-grid-item grid-item"
> -->
<view
:style="'width:' + width + ';'"
class="uni-grid-item grid-item"
> >
<view <view
:class="{ :class="{

8
uni_modules/uni-list/components/uni-list-item/uni-list-item.vue
View File

@ -286,7 +286,7 @@ $uni-font-size-sm: 12px;
$uni-font-size-base: 14px; $uni-font-size-base: 14px;
$uni-font-size-lg: 16px; $uni-font-size-lg: 16px;
$uni-spacing-col-lg: 12px; $uni-spacing-col-lg: 12px;
$uni-spacing-row-lg: 15px; $uni-spacing-row-lg: 3px;
$uni-img-size-sm: 20px; $uni-img-size-sm: 20px;
$uni-img-size-base: 26px; $uni-img-size-base: 26px;
$uni-img-size-lg: 40px; $uni-img-size-lg: 40px;
@ -417,7 +417,11 @@ $list-item-pd: $uni-spacing-col-lg $uni-spacing-row-lg;
display: flex; display: flex;
/* #endif */ /* #endif */
align-items: center; align-items: center;
padding: 0 10px; padding: 0 6px;
padding-left: 0px;
.uniui-arrowright{
font-size:12px !important;
}
} }
.flex--direction { .flex--direction {
flex-direction: column; flex-direction: column;