wangzimeng/zhongtuanLitterButler
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

登录前置

Browse Source
This commit is contained in:
wangzimeng 2025-11-24 13:41:38 +08:00
parent 5619fa3411
commit 715101f18e
12 changed files with 1316 additions and 1118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
pages.json
View File

@ -21,6 +21,12 @@
// "group": "商城"
// }
// },
{
"path": "pages/index/login",
"style": {
"navigationBarTitleText": "登录"
}
},
{
"path": "pages/index/category",
"style": {
@ -56,12 +62,7 @@
}
},
{
"path": "pages/index/login",
"style": {
"navigationBarTitleText": "登录"
}
},
{
"path": "pages/index/search",
"style": {
@ -86,8 +87,7 @@
}
}
],
"subPackages": [
{
"subPackages": [{
"root": "pages/goods",
"pages": [{
"path": "index",

30
pages/goods/components/detail/detail-tabbar.vue
View File

@ -26,7 +26,8 @@
</view> -->
<view v-if="serviceIcon" class="detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center"
style="margin-left: 12rpx;" @tap="backHome">
<image class="item-icon" src="https://mall.jiangxiaoxian.hschool.com.cn/backHome.png" mode="aspectFit">
<image class="item-icon" src="https://mall.jiangxiaoxian.hschool.com.cn/backHome.png"
mode="aspectFit">
</image>
<view class="item-title">首页</view>
</view>
@ -60,8 +61,9 @@
</button>
</view>
<view style="margin: 0 auto;position: absolute;bottom: -90rpx;width: 100%;text-align: center;">
<image style="width: 50rpx;height: 50rpx;" src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png"
mode="aspectFill" @click="showLogin = false"></image>
<image style="width: 50rpx;height: 50rpx;"
src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png" mode="aspectFill"
@click="showLogin = false"></image>
</view>
</su-popup>
</template>
@ -161,6 +163,7 @@
}
const goodShare = ref(false)
function shareGoods() {
console.log('shareGoods');
showShareModal();
@ -182,7 +185,10 @@
// 打开登录的弹框
function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value);
showLogin.value = true;
// showLogin.value = true;
uni.reLaunch({
url: '/pages/index/login'
});
console.log('showLogin', showLogin.value);
}
// 关闭登录弹框
@ -244,10 +250,10 @@
if (code === 1) {
resolve(true);
showLogin.value = false;
if(goodShare.value == true) {
if (goodShare.value == true) {
shareGoods();
}
if(chatPhone.value == true) {
if (chatPhone.value == true) {
getInfoUser();
}
}
@ -263,9 +269,9 @@
//获取平台客服电话
function getInfoUser() {
userApi.profile().then(res=> {
if (res.code == 1){
console.log('获取个人信息：',res.data);
userApi.profile().then(res => {
if (res.code == 1) {
console.log('获取个人信息：', res.data);
userInfo.value = res.data;
console.log('联系平台客服', userInfo.value.platform_contact_number);
onChat();
@ -275,8 +281,9 @@
//联系平台客服
const chatPhone = ref(false);
function onChat() {
if(isLogin.value == true) {
if (isLogin.value == true) {
chatPhone.value = false;
console.log('联系平台客服', userInfo.value.platform_contact_number);
wx.makePhoneCall({
@ -289,7 +296,7 @@
console.log("拨打电话失败", err)
}
})
}else {
} else {
chatPhone.value = true;
toLogin();
}
@ -382,5 +389,4 @@
// margin: 0 auto;
}
}
</style>

19
pages/goods/index.vue
View File

@ -26,7 +26,8 @@
{{ state.selectedSkuPrice.original_price || state.goodsInfo.original_price }}
</view>
</view>
<view v-else style="font-size: 42rpx;font-weight: 500;line-height: 30rpx;color: #ff3000;" @click.stop="toLogin">登录查看价格</view>
<view v-else style="font-size: 42rpx;font-weight: 500;line-height: 30rpx;color: #ff3000;"
@click.stop="toLogin">登录查看价格</view>
<view class="sales-text">
{{ formatSales(state.goodsInfo.sales_show_type, state.goodsInfo.sales) }}
</view>
@ -95,8 +96,8 @@
@close="state.showActivityModel = false" />
</block>
<su-popup :show="showLogin == true" type="center" round="10"
@close="showLogin = false" @open="showLogin = true">
<su-popup :show="showLogin == true" type="center" round="10" @close="showLogin = false"
@open="showLogin = true">
<view class="popup">
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
@ -105,8 +106,9 @@
</button>
</view>
<view style="margin: 0 auto;position: absolute;bottom: -90rpx;width: 100%;text-align: center;">
<image style="width: 50rpx;height: 50rpx;" src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png"
mode="aspectFill" @click="showLogin = false"></image>
<image style="width: 50rpx;height: 50rpx;"
src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png" mode="aspectFill"
@click="showLogin = false"></image>
</view>
</su-popup>
@ -173,7 +175,10 @@
// 打开登录的弹框
function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value);
showLogin.value = true;
// showLogin.value = true;
uni.reLaunch({
url: '/pages/index/login'
});
console.log('showLogin', showLogin.value);
}
// 关闭登录弹框
@ -334,7 +339,6 @@
</script>
<style lang="scss" scoped>
.detail-card {
background-color: #ffff;
margin: 14rpx 20rpx;
@ -539,5 +543,4 @@
// margin: 0 auto;
}
}
</style>

19
pages/index/category.vue
View File

@ -84,14 +84,14 @@
<view v-for="(a, b) in e.children" :id="'second_' + a.id">
<view class="title-box ss-flex ss-col-center ss-row-between ss-p-b-30">
<view class="title-text">{{ a.name }}</view>
<button class="ss-reset-button more-btn" @click="toSecondCate(c, '0')">
<button class="ss-reset-button more-btn" @click="toSecondCate(a, '0')">
查看更多
<text class="cicon-forward"></text>
</button>
</view>
<view class="goods-item-box ss-flex ss-flex-wrap ss-p-b-20">
<view class="goods-item" v-for="(f, q) in a.children" :key="f.id"
@click="toSecondCate(e, q)" v-if="a.children.length > 0">
@click="toSecondCate(a, q)" v-if="a.children.length > 0">
<view>
<image class="goods-img" :src="f.image" mode="aspectFill">
</image>
@ -669,16 +669,25 @@
//查看更多
function toSecondCate(e, index) {
console.log('列表数据');
console.log('列表数据', e.children);
console.log('查看更多e:', e.id, e.name, index);
// clog
if (e.children.length != 0) {
// 如果index为'0'字符串，表示点击"查看更多"，传递二级分类ID
// 如果index为数字，表示点击三级分类，传递三级分类ID
if (index === '0' && e.children && e.children.length > 0) {
// 点击"查看更多"，传递二级分类ID
uni.navigateTo({
url: '/pages/goods/list?categoryId=' + e.id + '&name=' + e.name
})
} else if (typeof index === 'number' && e.children && e.children.length > 0) {
// 点击三级分类，传递三级分类ID
const thirdId = e.children[index].id;
console.log('查看更多-thirdId:', thirdId);
console.log('点击三级分类-thirdId:', thirdId);
uni.navigateTo({
url: '/pages/goods/list?categoryId=' + thirdId + '&name=' + e.name
})
} else {
// 没有子分类的情况，传递二级分类ID
uni.navigateTo({
url: '/pages/goods/list?categoryId=' + e.id + '&name=' + e.name
})

12
pages/index/components/first-two.vue
View File

@ -15,8 +15,8 @@
</view>
</view>
</view>
<su-popup :show="showLogin == true" type="center" round="10"
@close="showLogin = false" @open="showLogin = true">
<su-popup :show="showLogin == true" type="center" round="10" @close="showLogin = false"
@open="showLogin = true">
<view class="popup">
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
@ -55,8 +55,11 @@
// 打开登录的弹框
function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value);
showLogin.value = true;
console.log('showLogin', showLogin.value);
uni.reLaunch({
url: '/pages/index/login'
});
// showLogin.value = true;
// console.log('showLogin', showLogin.value);
}
// 关闭登录弹框
function closeLogin() {
@ -121,7 +124,6 @@
resolve(false);
});
}
</script>
<style lang="scss" scoped>

254
pages/index/login.vue
View File

@ -1,39 +1,239 @@
<template>
<!-- 空登陆页 -->
<view></view>
<view class="app-container">
<view class="header">
<image src="https://mall.jiangxiaoxian.hschool.com.cn/loginLogo.jpg" mode=""></image>
<view class="headerText" style="margin-top: 30rpx;">登录，中团小管家</view>
</view>
<view class="input-box">
<input class="accountBox" v-model="loginForm.account" placeholder="账号" placeholder-style="color:#3d3d3d" />
<input class="passBox" v-model="loginForm.password" :password="true" input="safe-password" placeholder="密码"
placeholder-style="color:#3d3d3d"></input>
<!-- <view class="accountBox">
<input class="" v-model="loginForm.accountNum" type="number" placeholder="账号"></input>
</view> -->
<!-- <view class="passBox">
<uni-easyinput v-model="loginForm.password" :password="true"
input="safe-password" placeholder="密码"></uni-easyinput>
</view> -->
</view>
<view class="wxButton">
<button class="login-style" @click="tologin()">
<view class="text">
立即登录
</view>
</button>
</view>
</view>
</template>
<script setup>
import { isEmpty } from 'lodash';
import {
isEmpty
} from 'lodash';
import sheep from '@/sheep';
import { onLoad, onShow } from '@dcloudio/uni-app';
import {
onLoad,
onShow
} from '@dcloudio/uni-app';
import {
computed,
ref,
reactive
} from 'vue';
onLoad(async (options) => {
// #ifdef H5
let event = '';
if (options.login_code) {
event = 'login';
const { code } = await sheep.$platform.useProvider().login(options.login_code);
if (code === 1) {
sheep.$store('user').getInfo();
}
}
if (options.bind_code) {
event = 'bind';
const { code } = await sheep.$platform.useProvider().bind(options.bind_code);
}
// onLoad(async (options) => {
// // #ifdef H5
// let event = '';
// if (options.login_code) {
// event = 'login';
// const {
// code
// } = await sheep.$platform.useProvider().login(options.login_code);
// if (code === 1) {
// sheep.$store('user').getInfo();
// }
// }
// if (options.bind_code) {
// event = 'bind';
// const {
// code
// } = await sheep.$platform.useProvider().bind(options.bind_code);
// }
// 检测H5登录回调
let returnUrl = uni.getStorageSync('returnUrl');
if (returnUrl) {
uni.removeStorage('returnUrl');
location.replace(returnUrl);
} else {
// // 检测H5登录回调
// let returnUrl = uni.getStorageSync('returnUrl');
// if (returnUrl) {
// uni.removeStorage('returnUrl');
// location.replace(returnUrl);
// } else {
// uni.switchTab({
// url: '/',
// });
// }
// // #endif
// });
const loginForm = ref({
account: '',
password: '',
})
const isLogin = computed(() => sheep.$store('user').isLogin);
function tologin() {
console.log('dengl1', loginForm.value, isLogin.value);
sheep.$api.app.account(loginForm.value).then((res) => {
console.log('res-login:', res)
if (res.code == 1) {
uni.switchTab({
url: '/',
});
url: '/pages/index/category'
})
}
})
}
// #endif
});
onLoad(() => {
console.log('dengl1', isLogin.value);
if (isLogin.value == true) {
uni.switchTab({
url: '/pages/index/category'
})
}
})
</script>
<style lang="scss" scoped>
.app-container {
height: 100%;
min-height: 100vh;
/* 确保最小高度为100vh */
padding: 40rpx;
display: flex;
flex-direction: column;
align-items: center;
// justify-content: center;
/* 垂直居中内容 */
background-image: url('https://mall.jiangxiaoxian.hschool.com.cn/loginPageBack.png');
background-size: 100% 100%;
overflow: hidden;
box-sizing: border-box;
position: relative;
.header {
width: 100%;
height: 450rpx;
display: flex;
flex-direction: column;
align-items: left;
justify-content: flex-end;
padding-left: 40rpx;
margin-bottom: 100rpx;
image {
width: 140rpx;
height: 140rpx;
border-radius: 30rpx;
}
.headerText {
margin-top: 30rpx;
color: #323232;
font-size: 48rpx;
font-weight: bold;
line-height: 67rpx;
}
}
.input-box {
margin: 0 auto;
.accountBox {
padding: 0 30rpx;
width: 570rpx;
height: 110rpx;
border-radius: 163rpx;
border: 2rpx solid #323232;
color: #3d3d3d;
font-size: 32rpx;
line-height: 45rpx;
font-weight: bold;
background-color: #fff;
}
.passBox {
margin-top: 30rpx;
padding: 0 30rpx;
width: 570rpx;
height: 110rpx;
border-radius: 163rpx;
border: 2rpx solid #323232;
color: #3d3d3d;
font-size: 32rpx;
line-height: 45rpx;
font-weight: bold;
background-color: #fff;
}
}
.wxButton {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 670rpx;
margin-top: 60rpx;
.login-style {
background-color: #FEC136;
font-size: 32rpx;
color: #323232;
margin: 20rpx;
border-radius: 100rpx;
width: 100%;
font-weight: bold;
}
image {
position: absolute;
top: 15rpx;
left: 20rpx;
width: 60rpx;
height: 60rpx;
margin-left: 30rpx
}
.text {}
}
.bottom {
display: flex;
font-size: small;
align-items: center;
color: #b1b1b1;
.xieyi {
color: #5de198;
margin: 0 6rpx;
}
}
}
</style>

30
pages/index/user.vue
View File

@ -37,7 +37,7 @@
</view>
</view>
<view class="info-name fs-36 weight8 flexD" v-else>
<view style="font-weight: 800;" @click="toLogin">登录/注册</view>
<view style="font-weight: 800;">登录/注册</view>
</view>
<!-- <view class="fs-28 weight4" style="margin-top: 30rpx;">会员到期时间：
剩余{{ userInfo.all_mobile_num ? userInfo.all_mobile_num : 0 }}次
@ -63,11 +63,13 @@
</view>
<view class="myOrder-second">
<view class="pendingBox" @click="toPage('/pages/order/list?type=1')">
<image class="pendImg" src="https://mall.jiangxiaoxian.hschool.com.cn/pendPay.png"></image>
<image class="pendImg" src="https://mall.jiangxiaoxian.hschool.com.cn/pendPay.png">
</image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待支付</view>
</view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=2')">
<image class="pendImg" src="https://mall.jiangxiaoxian.hschool.com.cn/shipment.png"></image>
<image class="pendImg" src="https://mall.jiangxiaoxian.hschool.com.cn/shipment.png">
</image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待发货</view>
</view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=3')">
@ -76,7 +78,8 @@
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待收货</view>
</view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=4')">
<image class="pendImg" src="https://mall.jiangxiaoxian.hschool.com.cn/completed.png"></image>
<image class="pendImg" src="https://mall.jiangxiaoxian.hschool.com.cn/completed.png">
</image>
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">已完成</view>
</view>
</view>
@ -97,7 +100,8 @@
</view>
<view class="line-row" style="margin: 40rpx 0;"></view>
<!-- 关于我们 -->
<view class="fabuBox" @click="toPage(`/pages/public/richtext?id=`+ appInfo.about_us.id + '&title='+ appInfo.about_us.title)">
<view class="fabuBox"
@click="toPage(`/pages/public/richtext?id=`+ appInfo.about_us.id + '&title='+ appInfo.about_us.title)">
<view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://mall.jiangxiaoxian.hschool.com.cn/aboutUs.png"></image>
@ -290,7 +294,10 @@
// 打开登录的弹框
function toLogin() {
console.log('toLogin', showLogin.value);
showLogin.value = true;
// showLogin.value = true;
uni.reLaunch({
url: '/pages/index/login'
});
console.log('showLogin', showLogin.value);
}
// 关闭登录弹框
@ -433,12 +440,19 @@
uni.showModal({
title: '提示',
content: '确认退出账号？',
success: async function (res) {
success: async function(res) {
if (res.confirm) {
const result = await sheep.$store('user').logout();
if (result) {
sheep.$router.go('/pages/index/user');
// sheep.$router.go('/pages/index/user');
// uni.navigateTo({
// url: '/pages/index/login'
// })
uni.reLaunch({
url: '/pages/index/login'
});
}
}
},
});

6
sheep/api/app.js
View File

@ -4,6 +4,12 @@ import {
} from '@/sheep/config';
export default {
account: (data) =>
request({
url: 'user.user/accountLogin',
method: 'POST',
data,
}),
// 系统初始化
init: (templateId) =>
request({

3
sheep/api/index.js
View File

@ -16,6 +16,8 @@ import rent from "./rent"
import school from "./school"
import home from "./home"
import staff from "./staff"
import loginApi from './login'
export default {
activity,
@ -36,5 +38,6 @@ export default {
school,
home,
staff,
loginApi
}

7
sheep/api/login.js
View File

@ -10,4 +10,11 @@ export default {
}),
)}`,
account: (data) =>
request({
url: 'user.user/accountLogin',
method: 'POST',
data,
}),
};

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

@ -2,32 +2,19 @@
<template>
<view class="ss-goods-wrap">
<!-- xs卡片：横向紧凑型，一行放两个，图片左内容右边 -->
<view
v-if="size === 'xs'"
class="xs-goods-card ss-flex ss-col-stretch"
:style="[elStyles]"
@tap="onClick"
>
<view v-if="size === 'xs'" class="xs-goods-card ss-flex ss-col-stretch" :style="[elStyles]" @tap="onClick">
<view v-if="tagStyle.show" class="tag-icon-box">
<image class="tag-icon" :src="sheep.$url.cdn(tagStyle.src)"></image>
</view>
<image class="xs-img-box" :src="sheep.$url.cdn(data.image)" mode="aspectFit"></image>
<view
v-if="goodsFields.title?.show || goodsFields.price?.show"
class="xs-goods-content ss-flex-col ss-row-around"
>
<view
v-if="goodsFields.title?.show"
class="xs-goods-title ss-line-1"
:style="[{ color: titleColor, width: titleWidth ? titleWidth + 'rpx' : '' }]"
>
<view v-if="goodsFields.title?.show || goodsFields.price?.show"
class="xs-goods-content ss-flex-col ss-row-around">
<view v-if="goodsFields.title?.show" class="xs-goods-title ss-line-1"
:style="[{ color: titleColor, width: titleWidth ? titleWidth + 'rpx' : '' }]">
{{ data.title }}
</view>
<view
v-if="goodsFields.price?.show && isLogin == true"
class="xs-goods-price font-OPPOSANS"
:style="[{ color: goodsFields.price.color }]"
>
<view v-if="goodsFields.price?.show && isLogin == true" class="xs-goods-price font-OPPOSANS"
:style="[{ color: goodsFields.price.color }]">
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
{{ isArray(data.price) ? data.price[0] : data.price }}
</view>
@ -42,19 +29,13 @@
</view>
<image class="sm-img-box" :src="sheep.$url.cdn(data.image)" mode="aspectFill"></image>
<view
v-if="goodsFields.title?.show || goodsFields.price?.show"
class="sm-goods-content"
:style="[{ color: titleColor, width: titleWidth ? titleWidth + 'rpx' : '' }]"
>
<view v-if="goodsFields.title?.show || goodsFields.price?.show" class="sm-goods-content"
:style="[{ color: titleColor, width: titleWidth ? titleWidth + 'rpx' : '' }]">
<view v-if="goodsFields.title?.show" class="sm-goods-title ss-line-1 ss-m-b-16">
{{ data.title }}
</view>
<view
v-if="goodsFields.price?.show && isLogin == true"
class="sm-goods-price font-OPPOSANS"
:style="[{ color: goodsFields.price.color }]"
>
<view v-if="goodsFields.price?.show && isLogin == true" class="sm-goods-price font-OPPOSANS"
:style="[{ color: goodsFields.price.color }]">
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
{{ isArray(data.price) ? data.price[0] : data.price }}
</view>
@ -67,64 +48,37 @@
<view v-if="tagStyle.show" class="tag-icon-box">
<image class="tag-icon" :src="sheep.$url.cdn(tagStyle.src)"></image>
</view>
<image
v-if="data.image_wh"
class="md-img-box"
:src="sheep.$url.cdn(data.image)"
mode="widthFix"
/>
<image
v-else
class="md-img-box"
:src="sheep.$url.cdn(data.image)"
:style="[{ height: defaultImgWidth * 2 + 'rpx' }]"
mode="aspectFill"
/>
<view
class="md-goods-content ss-flex-col ss-row-around ss-p-b-20 ss-p-t-20 ss-p-x-16"
:id="elId"
>
<view
v-if="goodsFields.title?.show"
class="md-goods-title ss-line-1"
:style="[{ color: titleColor, width: titleWidth ? titleWidth + 'rpx' : '' }]"
>
<image v-if="data.image_wh" class="md-img-box" :src="sheep.$url.cdn(data.image)" mode="widthFix" />
<image v-else class="md-img-box" :src="sheep.$url.cdn(data.image)"
:style="[{ height: defaultImgWidth * 2 + 'rpx' }]" mode="aspectFill" />
<view class="md-goods-content ss-flex-col ss-row-around ss-p-b-20 ss-p-t-20 ss-p-x-16" :id="elId">
<view v-if="goodsFields.title?.show" class="md-goods-title ss-line-1"
:style="[{ color: titleColor, width: titleWidth ? titleWidth + 'rpx' : '' }]">
{{ data.title }}
</view>
<view
v-if="goodsFields.subtitle?.show"
class="md-goods-subtitle ss-m-t-16 ss-line-1"
:style="[{ color: subTitleColor, background: subTitleBackground }]"
>
<view v-if="goodsFields.subtitle?.show" class="md-goods-subtitle ss-m-t-16 ss-line-1"
:style="[{ color: subTitleColor, background: subTitleBackground }]">
{{ data.subtitle }}
</view>
<slot name="activity">
<view v-if="data.promos?.length" class="tag-box ss-flex-wrap ss-flex ss-col-center">
<view
class="activity-tag ss-m-r-10 ss-m-t-16"
v-for="item in data.promos"
:key="item.id"
>
<view class="activity-tag ss-m-r-10 ss-m-t-16" v-for="item in data.promos" :key="item.id">
{{ item.title }}
</view>
</view>
</slot>
<view class="ss-flex ss-col-bottom">
<view
v-if="goodsFields.price?.show && isLogin == true"
<view v-if="goodsFields.price?.show && isLogin == true"
class="md-goods-price ss-m-t-16 font-OPPOSANS ss-m-r-10"
:style="[{ color: goodsFields.price.color }]"
>
:style="[{ color: goodsFields.price.color }]">
<text class="price-unit ss-font-24">{{ priceUnit }}</text>
{{ isArray(data.price) ? data.price[0] : data.price }}
</view>
<view class="goods-price" v-if="isLogin == false" @click.stop="toLogin">登录查看价格</view>
<view
v-if="goodsFields.original_price?.show && data.original_price > 0 && isLogin == true"
<view v-if="goodsFields.original_price?.show && data.original_price > 0 && isLogin == true"
class="goods-origin-price ss-m-t-16 font-OPPOSANS ss-flex"
:style="[{ color: originPriceColor }]"
>
:style="[{ color: originPriceColor }]">
<text class="price-unit ss-font-20">{{ priceUnit }}</text>
<view class="ss-m-l-8">{{ data.original_price }}</view>
</view>
@ -139,12 +93,7 @@
</view>
<!-- lg卡片：横向型，一行放一个，图片左内容右边 -->
<view
v-if="size === 'lg'"
class="lg-goods-card ss-flex ss-col-stretch"
:style="[elStyles]"
@tap="onClick"
>
<view v-if="size === 'lg'" class="lg-goods-card ss-flex ss-col-stretch" :style="[elStyles]" @tap="onClick">
<view v-if="tagStyle.show" class="tag-icon-box">
<image class="tag-icon" :src="sheep.$url.cdn(tagStyle.src)"></image>
</view>
@ -155,18 +104,12 @@
<image class="lg-img-box" :src="sheep.$url.cdn(data.image)" mode="aspectFill"></image>
<view class="lg-goods-content ss-flex-1 ss-flex-col ss-row-between ss-p-b-10 ss-p-t-20">
<view>
<view
v-if="goodsFields.title?.show"
class="lg-goods-title ss-line-2"
:style="[{ color: titleColor }]"
>
<view v-if="goodsFields.title?.show" class="lg-goods-title ss-line-2"
:style="[{ color: titleColor }]">
{{ data.title }}
</view>
<view
v-if="goodsFields.subtitle?.show"
class="lg-goods-subtitle ss-m-t-10 ss-line-1"
:style="[{ color: subTitleColor, background: subTitleBackground }]"
>
<view v-if="goodsFields.subtitle?.show" class="lg-goods-subtitle ss-m-t-10 ss-line-1"
:style="[{ color: subTitleColor, background: subTitleBackground }]">
{{ data.subtitle }}
</view>
</view>
@ -179,20 +122,16 @@
</view>
</slot>
<view class="ss-flex ss-col-bottom ss-m-t-10">
<view
v-if="goodsFields.price?.show && isLogin == true"
<view v-if="goodsFields.price?.show && isLogin == true"
class="lg-goods-price ss-m-r-12 ss-flex ss-col-bottom font-OPPOSANS"
:style="[{ color: goodsFields.price.color }]"
>
:style="[{ color: goodsFields.price.color }]">
<text class="ss-font-24">{{ priceUnit }}</text>
{{ isArray(data.price) ? data.price[0] : data.price }}
</view>
<view class="goods-price" v-if="isLogin == false" @click.stop="toLogin">登录查看价格</view>
<view
v-if="goodsFields.original_price?.show && data.original_price > 0 && isLogin == true"
<view v-if="goodsFields.original_price?.show && data.original_price > 0 && isLogin == true"
class="goods-origin-price ss-flex ss-col-bottom font-OPPOSANS"
:style="[{ color: originPriceColor }]"
>
:style="[{ color: originPriceColor }]">
<text class="price-unit ss-font-20">{{ priceUnit }}</text>
<view class="ss-m-l-8">{{ data.original_price }}</view>
</view>
@ -218,29 +157,19 @@
<view class="sl-goods-content">
<view>
<view
v-if="goodsFields.title?.show"
class="sl-goods-title ss-line-1"
:style="[{ color: titleColor }]"
>
<view v-if="goodsFields.title?.show" class="sl-goods-title ss-line-1"
:style="[{ color: titleColor }]">
{{ data.title }}
</view>
<view
v-if="goodsFields.subtitle?.show"
class="sl-goods-subtitle ss-m-t-16"
:style="[{ color: subTitleColor, background: subTitleBackground }]"
>
<view v-if="goodsFields.subtitle?.show" class="sl-goods-subtitle ss-m-t-16"
:style="[{ color: subTitleColor, background: subTitleBackground }]">
{{ data.subtitle }}
</view>
</view>
<view>
<slot name="activity">
<view v-if="data.promos?.length" class="tag-box ss-flex ss-col-center ss-flex-wrap">
<view
class="activity-tag ss-m-r-10 ss-m-t-16"
v-for="item in data.promos"
:key="item.id"
>
<view class="activity-tag ss-m-r-10 ss-m-t-16" v-for="item in data.promos" :key="item.id">
{{ item.title }}
</view>
</view>
@ -251,16 +180,14 @@
{{ isArray(data.price) ? data.price[0] : data.price }}
</view>
<view class="goods-price" v-if="isLogin == false" @click.stop="toLogin">登录查看价格</view>
<view
v-if="goodsFields.original_price?.show && data.original_price > 0 && isLogin == true"
<view v-if="goodsFields.original_price?.show && data.original_price > 0 && isLogin == true"
class="goods-origin-price ss-m-t-16 font-OPPOSANS ss-flex"
:style="[{ color: originPriceColor }]"
>
:style="[{ color: originPriceColor }]">
<text class="price-unit ss-font-20">{{ priceUnit }}</text>
<view class="ss-m-l-8">{{ data.original_price }}</view>
</view>
</view>
<view class="ss-m-t-16 ss-flex ss-flex-wrap" >
<view class="ss-m-t-16 ss-flex ss-flex-wrap">
<view class="sales-text" style="text-align: left;">{{ salesAndStock }}</view>
</view>
</view>
@ -272,8 +199,7 @@
</view>
</view>
<su-popup :show="showLogin == true" type="center" round="10"
@close="showLogin = false" @open="showLogin = true">
<su-popup :show="showLogin == true" type="center" round="10" @close="showLogin = false" @open="showLogin = true">
<view class="popup">
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
@ -282,8 +208,9 @@
</button>
</view>
<view style="margin: 0 auto;position: absolute;bottom: -90rpx;width: 100%;text-align: center;">
<image style="width: 50rpx;height: 50rpx;" src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png"
mode="aspectFill" @click="showLogin = false"></image>
<image style="width: 50rpx;height: 50rpx;"
src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png" mode="aspectFill"
@click="showLogin = false"></image>
</view>
</su-popup>
</template>
@ -317,11 +244,24 @@
* @event {Function()} click - 点击卡片
*
*/
import { computed, ref, reactive, getCurrentInstance, onMounted, nextTick } from 'vue';
import {
computed,
ref,
reactive,
getCurrentInstance,
onMounted,
nextTick
} from 'vue';
import sheep from '@/sheep';
import { formatSales } from '@/sheep/hooks/useGoods';
import { formatStock } from '@/sheep/hooks/useGoods';
import { isArray } from 'lodash';
import {
formatSales
} from '@/sheep/hooks/useGoods';
import {
formatStock
} from '@/sheep/hooks/useGoods';
import {
isArray
} from 'lodash';
import third from '@/sheep/api/third';
// 数据
@ -331,7 +271,7 @@
const props = defineProps({
goodsFields: {
type: [Array, Object],
default() {
default () {
return {
title: {
show: true,
@ -453,7 +393,9 @@
};
// 获取卡片实时高度
const { proxy } = getCurrentInstance();
const {
proxy
} = getCurrentInstance();
const elId = `sheep_${Math.ceil(Math.random() * 10e5).toString(36)}`;
function getGoodsPriceCardWH() {
@ -493,7 +435,10 @@
// 打开登录的弹框
function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value);
showLogin.value = true;
// showLogin.value = true;
uni.reLaunch({
url: '/pages/index/login'
});
console.log('showLogin', showLogin.value);
}
// 关闭登录弹框
@ -559,7 +504,6 @@
resolve(false);
});
}
</script>
<style lang="scss" scoped>

10
sheep/components/s-select-sku/s-select-sku.vue
View File

@ -81,8 +81,9 @@
</button>
</view>
<view style="margin: 0 auto;position: absolute;bottom: -90rpx;width: 100%;text-align: center;">
<image style="width: 50rpx;height: 50rpx;" src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png"
mode="aspectFill" @click="showLogin = false"></image>
<image style="width: 50rpx;height: 50rpx;"
src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png" mode="aspectFill"
@click="showLogin = false"></image>
</view>
</su-popup>
</template>
@ -135,7 +136,10 @@
// 打开登录的弹框
function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value);
showLogin.value = true;
// showLogin.value = true;
uni.reLaunch({
url: '/pages/index/login'
});
console.log('showLogin', showLogin.value);
}
// 关闭登录弹框