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

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

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

19
pages/goods/index.vue
View File

@ -26,7 +26,8 @@
{{ state.selectedSkuPrice.original_price || state.goodsInfo.original_price }} {{ state.selectedSkuPrice.original_price || state.goodsInfo.original_price }}
</view> </view>
</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"> <view class="sales-text">
{{ formatSales(state.goodsInfo.sales_show_type, state.goodsInfo.sales) }} {{ formatSales(state.goodsInfo.sales_show_type, state.goodsInfo.sales) }}
</view> </view>
@ -95,8 +96,8 @@
@close="state.showActivityModel = false" /> @close="state.showActivityModel = false" />
</block> </block>
<su-popup :show="showLogin == true" type="center" round="10" <su-popup :show="showLogin == true" type="center" round="10" @close="showLogin = false"
@close="showLogin = false" @open="showLogin = true"> @open="showLogin = true">
<view class="popup"> <view class="popup">
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"> <button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
@ -105,8 +106,9 @@
</button> </button>
</view> </view>
<view style="margin: 0 auto;position: absolute;bottom: -90rpx;width: 100%;text-align: center;"> <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" <image style="width: 50rpx;height: 50rpx;"
mode="aspectFill" @click="showLogin = false"></image> src="https://mall.jiangxiaoxian.hschool.com.cn/registerCancel.png" mode="aspectFill"
@click="showLogin = false"></image>
</view> </view>
</su-popup> </su-popup>
@ -173,7 +175,10 @@
// 打开登录的弹框 // 打开登录的弹框
function toLogin() { function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value); console.log('toLogin——打开登录的弹框：', showLogin.value);
showLogin.value = true; // showLogin.value = true;
uni.reLaunch({
url: '/pages/index/login'
});
console.log('showLogin', showLogin.value); console.log('showLogin', showLogin.value);
} }
// 关闭登录弹框 // 关闭登录弹框
@ -334,7 +339,6 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-card { .detail-card {
background-color: #ffff; background-color: #ffff;
margin: 14rpx 20rpx; margin: 14rpx 20rpx;
@ -539,5 +543,4 @@
// margin: 0 auto; // margin: 0 auto;
} }
} }
</style> </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 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-box ss-flex ss-col-center ss-row-between ss-p-b-30">
<view class="title-text">{{ a.name }}</view> <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> <text class="cicon-forward"></text>
</button> </button>
</view> </view>
<view class="goods-item-box ss-flex ss-flex-wrap ss-p-b-20"> <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" <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> <view>
<image class="goods-img" :src="f.image" mode="aspectFill"> <image class="goods-img" :src="f.image" mode="aspectFill">
</image> </image>
@ -669,16 +669,25 @@
//查看更多 //查看更多
function toSecondCate(e, index) { function toSecondCate(e, index) {
console.log('列表数据'); console.log('列表数据', e.children);
console.log('查看更多e:', e.id, e.name, index); console.log('查看更多e:', e.id, e.name, index);
// clog // 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; const thirdId = e.children[index].id;
console.log('查看更多-thirdId:', thirdId); console.log('点击三级分类-thirdId:', thirdId);
uni.navigateTo({ uni.navigateTo({
url: '/pages/goods/list?categoryId=' + thirdId + '&name=' + e.name url: '/pages/goods/list?categoryId=' + thirdId + '&name=' + e.name
}) })
} else { } else {
// 没有子分类的情况，传递二级分类ID
uni.navigateTo({ uni.navigateTo({
url: '/pages/goods/list?categoryId=' + e.id + '&name=' + e.name url: '/pages/goods/list?categoryId=' + e.id + '&name=' + e.name
}) })

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

@ -1,214 +1,216 @@
<!-- 页面 --> <!-- 页面 -->
<template> <template>
<view> <view>
<view class="ss-flex flex-wrap"> <view class="ss-flex flex-wrap">
<view class="goods-box" v-for="item in pagination?.data" :key="item.id"> <view class="goods-box" v-for="item in pagination?.data" :key="item.id">
<view @click="sheep.$router.go('/pages/goods/index', { id: item.id })"> <view @click="sheep.$router.go('/pages/goods/index', { id: item.id })">
<view class="goods-img"> <view class="goods-img">
<image class="goods-img" :src="sheep.$url.cdn(item.image)" mode="aspectFit"></image> <image class="goods-img" :src="sheep.$url.cdn(item.image)" mode="aspectFit"></image>
</view> </view>
<view class="goods-content"> <view class="goods-content">
<view class="goods-title ss-line-1 ss-m-b-28">{{ item.title }}</view> <view class="goods-title ss-line-1 ss-m-b-28">{{ item.title }}</view>
<view class="goods-price" v-if="isLogin == true">￥{{ item.price[0] }}</view> <view class="goods-price" v-if="isLogin == true">￥{{ item.price[0] }}</view>
<view class="goods-price" v-else @click.stop="toLogin">登录查看价格</view> <view class="goods-price" v-else @click.stop="toLogin">登录查看价格</view>
</view> </view>
</view> </view>
</view> </view>
</view>
<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">
<!-- <image style="width: 100%;height: 136rpx;" src="https://mall.jiangxiaoxian.hschool.com.cn/loginBtnTwo.png"></image> -->
<!-- 授权登录 -->
</button>
</view> </view>
</su-popup> <su-popup :show="showLogin == true" type="center" round="10" @close="showLogin = false"
</view> @open="showLogin = true">
<view class="popup">
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
<!-- <image style="width: 100%;height: 136rpx;" src="https://mall.jiangxiaoxian.hschool.com.cn/loginBtnTwo.png"></image> -->
<!-- 授权登录 -->
</button>
</view>
</su-popup>
</view>
</template> </template>
<script setup> <script setup>
import sheep from '@/sheep'; import sheep from '@/sheep';
import { import {
computed, computed,
ref, ref,
reactive, reactive,
} from 'vue'; } from 'vue';
import third from '@/sheep/api/third'; import third from '@/sheep/api/third';
const props = defineProps({ const props = defineProps({
data: { data: {
type: Object, type: Object,
default: () => ({}), default: () => ({}),
}, },
activeMenu: [Number, String], activeMenu: [Number, String],
pagination: Object, pagination: Object,
}); });
const isLogin = computed(() => sheep.$store('user').isLogin); const isLogin = computed(() => sheep.$store('user').isLogin);
const showLogin = ref(false); const showLogin = ref(false);
const iv = ref(''); const iv = ref('');
const wxCode = ref(''); const wxCode = ref('');
const encryptedData = ref(''); const encryptedData = ref('');
// 打开登录的弹框
function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value);
showLogin.value = true;
console.log('showLogin', showLogin.value);
}
// 关闭登录弹框
function closeLogin() {
console.log('closeLogin');
showLogin.value = false;
}
// 打开登录的弹框
function openLogin() {
console.log('openLogin');
showLogin.value = true;
}
// 使用微信手机号
async function getPhoneNumber(e) {
console.log('获取手机号', e, e.detail.errMsg);
if (e.detail.errMsg !== 'getPhoneNumber:ok') {} else {
encryptedData.value = e.detail.encryptedData // 用于解密
iv.value = e.detail.iv // 用于解密
getCode()
// let result = await sheep.$platform.useProvider().bindUserPhoneNumber(e.detail);
// console.log('result', result);
// if (result) {
// sheep.$store('user').getInfo();
// // closeAuthModal();
// closeLogin();
// }
}
}
// 获取code和sessionId
function getCode() {
uni.login({
provider: 'weixin',
success: (res) => {
wxCode.value = res.code
// loginResult.value = res
// getSessionId();
Login();
}
})
}
// 登录接口
function Login() {
const session_id = uni.getStorageSync('sessionId')
console.log('session_id', session_id);
return new Promise(async (resolve, reject) => {
const {
code
} = await third.wechat.wxLogin({
platform: 'miniProgram',
payload: encodeURIComponent(
JSON.stringify({
sessionId: session_id,
iv: iv.value,
encryptedData: encryptedData.value,
code: wxCode.code,
}),
),
});
if (code === 1) {
resolve(true);
showLogin.value = false;
}
resolve(false);
});
}
// 打开登录的弹框
function toLogin() {
console.log('toLogin——打开登录的弹框：', showLogin.value);
uni.reLaunch({
url: '/pages/index/login'
});
// showLogin.value = true;
// console.log('showLogin', showLogin.value);
}
// 关闭登录弹框
function closeLogin() {
console.log('closeLogin');
showLogin.value = false;
}
// 打开登录的弹框
function openLogin() {
console.log('openLogin');
showLogin.value = true;
}
// 使用微信手机号
async function getPhoneNumber(e) {
console.log('获取手机号', e, e.detail.errMsg);
if (e.detail.errMsg !== 'getPhoneNumber:ok') {} else {
encryptedData.value = e.detail.encryptedData // 用于解密
iv.value = e.detail.iv // 用于解密
getCode()
// let result = await sheep.$platform.useProvider().bindUserPhoneNumber(e.detail);
// console.log('result', result);
// if (result) {
// sheep.$store('user').getInfo();
// // closeAuthModal();
// closeLogin();
// }
}
}
// 获取code和sessionId
function getCode() {
uni.login({
provider: 'weixin',
success: (res) => {
wxCode.value = res.code
// loginResult.value = res
// getSessionId();
Login();
}
})
}
// 登录接口
function Login() {
const session_id = uni.getStorageSync('sessionId')
console.log('session_id', session_id);
return new Promise(async (resolve, reject) => {
const {
code
} = await third.wechat.wxLogin({
platform: 'miniProgram',
payload: encodeURIComponent(
JSON.stringify({
sessionId: session_id,
iv: iv.value,
encryptedData: encryptedData.value,
code: wxCode.code,
}),
),
});
if (code === 1) {
resolve(true);
showLogin.value = false;
}
resolve(false);
});
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.goods-box { .goods-box {
width: calc((100% - 20rpx) / 2); width: calc((100% - 20rpx) / 2);
margin-bottom: 20rpx; margin-bottom: 20rpx;
.goods-img { .goods-img {
width: 246rpx; width: 246rpx;
height: 246rpx; height: 246rpx;
border-radius: 10rpx 10rpx 0px 0px; border-radius: 10rpx 10rpx 0px 0px;
} }
.goods-content { .goods-content {
width: 100%; width: 100%;
background: #ffffff; background: #ffffff;
box-shadow: 0px 0px 20rpx 4rpx rgba(199, 199, 199, 0.22); box-shadow: 0px 0px 20rpx 4rpx rgba(199, 199, 199, 0.22);
padding: 20rpx 0 32rpx 16rpx; padding: 20rpx 0 32rpx 16rpx;
box-sizing: border-box; box-sizing: border-box;
border-radius: 0 0 10rpx 10rpx; border-radius: 0 0 10rpx 10rpx;
.goods-title { .goods-title {
font-size: 26rpx; font-size: 26rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
} }
.goods-price { .goods-price {
font-size: 24rpx; font-size: 24rpx;
font-family: OPPOSANS; font-family: OPPOSANS;
font-weight: 500; font-weight: 500;
color: #e1212b; color: #e1212b;
} }
} }
&:nth-child(2n + 1) { &:nth-child(2n + 1) {
margin-right: 20rpx; margin-right: 20rpx;
} }
} }
.popup { .popup {
background-image: url('https://mall.jiangxiaoxian.hschool.com.cn/loginBack.png'); background-image: url('https://mall.jiangxiaoxian.hschool.com.cn/loginBack.png');
background-size: 100%; background-size: 100%;
width: 540rpx; width: 540rpx;
height: 640rpx; height: 640rpx;
display: flex; display: flex;
padding-bottom: 44rpx; padding-bottom: 44rpx;
flex-direction: column; flex-direction: column;
align-items: baseline; align-items: baseline;
justify-content: flex-end; justify-content: flex-end;
padding-left: 73rpx; padding-left: 73rpx;
padding-right: 73rpx; padding-right: 73rpx;
.img_shouquan { .img_shouquan {
position: absolute; position: absolute;
width: 680rpx; width: 680rpx;
height: 857rpx; height: 857rpx;
left: -25rpx; left: -25rpx;
top: -390rpx; top: -390rpx;
} }
#txt2 { #txt2 {
text-align: center; text-align: center;
margin-top: 200rpx; margin-top: 200rpx;
font-size: 28rpx; font-size: 28rpx;
color: #525252; color: #525252;
margin-bottom: 60rpx; margin-bottom: 60rpx;
position: relative; position: relative;
font-weight: 500; font-weight: 500;
} }
.texbut { .texbut {
width: 507rpx; width: 507rpx;
height: 93rpx; height: 93rpx;
border-radius: 16rpx; border-radius: 16rpx;
// background: #ffbd25; // background: #ffbd25;
background-image: url('https://mall.jiangxiaoxian.hschool.com.cn/loginBtnTwo.png'); background-image: url('https://mall.jiangxiaoxian.hschool.com.cn/loginBtnTwo.png');
background-size: 100%; background-size: 100%;
font-size: 34rpx; font-size: 34rpx;
color: #3d3d3d; color: #3d3d3d;
font-weight: bold; font-weight: bold;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 30rpx; margin-top: 30rpx;
// margin: 0 auto; // margin: 0 auto;
} }
} }
</style> </style>

262
pages/index/login.vue
View File

@ -1,39 +1,239 @@
<template> <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> </template>
<script setup> <script setup>
import { isEmpty } from 'lodash'; import {
import sheep from '@/sheep'; isEmpty
import { onLoad, onShow } from '@dcloudio/uni-app'; } from 'lodash';
import sheep from '@/sheep';
import {
onLoad,
onShow
} from '@dcloudio/uni-app';
import {
computed,
ref,
reactive
} from 'vue';
onLoad(async (options) => { // onLoad(async (options) => {
// #ifdef H5 // // #ifdef H5
let event = ''; // let event = '';
if (options.login_code) { // if (options.login_code) {
event = 'login'; // event = 'login';
const { code } = await sheep.$platform.useProvider().login(options.login_code); // const {
if (code === 1) { // code
sheep.$store('user').getInfo(); // } = 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); // if (options.bind_code) {
} // event = 'bind';
// const {
// code
// } = await sheep.$platform.useProvider().bind(options.bind_code);
// }
// 检测H5登录回调 // // 检测H5登录回调
let returnUrl = uni.getStorageSync('returnUrl'); // let returnUrl = uni.getStorageSync('returnUrl');
if (returnUrl) { // if (returnUrl) {
uni.removeStorage('returnUrl'); // uni.removeStorage('returnUrl');
location.replace(returnUrl); // location.replace(returnUrl);
} else { // } else {
uni.switchTab({ // uni.switchTab({
url: '/', // url: '/',
}); // });
} // }
// #endif // // #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: '/pages/index/category'
})
}
})
}
onLoad(() => {
console.log('dengl1', isLogin.value);
if (isLogin.value == true) {
uni.switchTab({
url: '/pages/index/category'
})
}
})
</script> </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>

52
pages/index/user.vue
View File

@ -37,7 +37,7 @@
</view> </view>
</view> </view>
<view class="info-name fs-36 weight8 flexD" v-else> <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>
<!-- <view class="fs-28 weight4" style="margin-top: 30rpx;">会员到期时间： <!-- <view class="fs-28 weight4" style="margin-top: 30rpx;">会员到期时间：
剩余{{ userInfo.all_mobile_num ? userInfo.all_mobile_num : 0 }}次 剩余{{ userInfo.all_mobile_num ? userInfo.all_mobile_num : 0 }}次
@ -63,11 +63,13 @@
</view> </view>
<view class="myOrder-second"> <view class="myOrder-second">
<view class="pendingBox" @click="toPage('/pages/order/list?type=1')"> <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 class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待支付</view>
</view> </view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=2')"> <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 class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待发货</view>
</view> </view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=3')"> <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 class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待收货</view>
</view> </view>
<view class="pendingBox" @click="toPage('/pages/order/list?type=4')"> <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 class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">已完成</view>
</view> </view>
</view> </view>
@ -97,7 +100,8 @@
</view> </view>
<view class="line-row" style="margin: 40rpx 0;"></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"> <view class="flex align-items">
<image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;" <image style="width: 36rpx;height: 36rpx;margin-right: 20rpx;"
src="https://mall.jiangxiaoxian.hschool.com.cn/aboutUs.png"></image> src="https://mall.jiangxiaoxian.hschool.com.cn/aboutUs.png"></image>
@ -290,7 +294,10 @@
// 打开登录的弹框 // 打开登录的弹框
function toLogin() { function toLogin() {
console.log('toLogin', showLogin.value); console.log('toLogin', showLogin.value);
showLogin.value = true; // showLogin.value = true;
uni.reLaunch({
url: '/pages/index/login'
});
console.log('showLogin', showLogin.value); console.log('showLogin', showLogin.value);
} }
// 关闭登录弹框 // 关闭登录弹框
@ -430,19 +437,26 @@
//退出登录 //退出登录
function onLogout() { function onLogout() {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '确认退出账号？', content: '确认退出账号？',
success: async function (res) { success: async function(res) {
if (res.confirm) { if (res.confirm) {
const result = await sheep.$store('user').logout(); const result = await sheep.$store('user').logout();
if (result) { 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'
});
}
}
},
});
}
//分享限制 //分享限制
const canShareApp = ref(false); const canShareApp = ref(false);

6
sheep/api/app.js
View File

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

3
sheep/api/index.js
View File

@ -16,6 +16,8 @@ import rent from "./rent"
import school from "./school" import school from "./school"
import home from "./home" import home from "./home"
import staff from "./staff" import staff from "./staff"
import loginApi from './login'
export default { export default {
activity, activity,
@ -36,5 +38,6 @@ export default {
school, school,
home, home,
staff, 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,
}),
}; };

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

File diff suppressed because it is too large Load Diff

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

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