yovinchen/xlcs
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

完善 h5 端 前端登录注册页面

Browse Source
This commit is contained in:
yovinchen 2024-02-24 23:32:53 +08:00
parent 249558d93a
commit ae2a2cdab6
12 changed files with 228 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
logo-back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 50 KiB

17
xlcs-user/common/http.api.js
View File

@ -24,10 +24,17 @@ const post_submit_order = '/order/auth/submitOrder' // 生成订单
const get_order_info = '/order/auth/getOrderInfoById' // 订单详情 const get_order_info = '/order/auth/getOrderInfoById' // 订单详情
const get_wx_login = '/user/weixin/wxLogin' // 微信用户登陆 const get_wx_login = '/user/weixin/wxLogin' // 微信用户登陆
const post_update_user = '/user/weixin/auth/updateUser' // 更新用户信息 const post_update_user = '/user/weixin/auth/updateUser' // 更新用户信息
const get_weixin_payment = '/payment/weixin/createJsapi' // 获取微信支付信息
const get_find_user_order = '/order/auth/findUserOrderPage' // 获取用户订单信息 const get_find_user_order = '/order/auth/findUserOrderPage' // 获取用户订单信息
const get_weixin_payment = '/payment/weixin/createJsapi' // 获取微信支付信息
const get_order_status = '/payment/weixin/queryPayStatus' // 获取订单状态 const get_order_status = '/payment/weixin/queryPayStatus' // 获取订单状态
// 后续需求
const get_account_login = '/user/h5/login' // 用户登陆
const post_register = '/user/h5/register' // 用户注册
const post_h5_update_user = '/user/h5/auth/updateUser' // 更新用户信息
const get_alipay_payment = '/payment/alipay/createJsapi' // 获取支付宝支付信息
const get_order_alipay_status = '/payment/alipay/queryPayStatus' // 获取订单状态
const install = (Vue, vm) => { const install = (Vue, vm) => {
const limit = 10; const limit = 10;
const page = 1 const page = 1
@ -122,6 +129,12 @@ const install = (Vue, vm) => {
const getWxLogin = (o) => vm.$u.get(get_wx_login + `/${o.code}`, { const getWxLogin = (o) => vm.$u.get(get_wx_login + `/${o.code}`, {
showLoading: false showLoading: false
}) })
// 账号密码登登录
const getAccountLogin = (o) => vm.$u.post(get_account_login, o)
const postRegister = (o) => vm.$u.post(post_register, o)
// '/user/h5/register' // 用户注册
// 更新用户信息 // 更新用户信息
const postUpdateUser = (o) => vm.$u.post(post_update_user, { const postUpdateUser = (o) => vm.$u.post(post_update_user, {
...o, ...o,
@ -156,6 +169,8 @@ const install = (Vue, vm) => {
getOrderInfo, getOrderInfo,
getWxPayment, getWxPayment,
getWxLogin, getWxLogin,
getAccountLogin,
postRegister,
postUpdateUser, postUpdateUser,
getFindUserOrder, getFindUserOrder,
getOrderStatus getOrderStatus

4
xlcs-user/common/http.interceptor.js
View File

@ -1,6 +1,8 @@
const install = (Vue, vm) => { const install = (Vue, vm) => {
Vue.prototype.$u.http.setConfig({ Vue.prototype.$u.http.setConfig({
baseUrl: 'http://127.0.0.1:8200/api', baseUrl: 'http://192.168.31.67:8200/api',
// baseUrl: 'http://127.0.0.1:8206/api',
// baseUrl: 'http://152.136.42.114:8200/api',
loadingText: '请求中...', // 请求loading中的文字提示 loadingText: '请求中...', // 请求loading中的文字提示
loadingTime: 800, // 在此时间内，请求还没回来的话，就显示加载中动画，单位ms loadingTime: 800, // 在此时间内，请求还没回来的话，就显示加载中动画，单位ms
loadingMask: true, // 展示loading的时候，是否给一个透明的蒙层，防止触摸穿透 loadingMask: true, // 展示loading的时候，是否给一个透明的蒙层，防止触摸穿透

64
xlcs-user/manifest.json
View File

@ -1,5 +1,5 @@
{ {
"name" : "xlcs-user", "name": "小鹿超市",
"appid" : "__UNI__719160A", "appid" : "__UNI__719160A",
"description" : "", "description" : "",
"versionName" : "1.0.0", "versionName" : "1.0.0",
@ -17,7 +17,9 @@
"delay" : 0 "delay" : 0
}, },
/* 模块配置 */ /* 模块配置 */
"modules" : {}, "modules": {
"Payment": {}
},
/* 应用发布信息 */ /* 应用发布信息 */
"distribute" : { "distribute" : {
/* android打包配置 */ /* android打包配置 */
@ -41,9 +43,57 @@
] ]
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios" : {}, "ios": {
"dSYMs": false
},
/* SDK配置 */ /* SDK配置 */
"sdkConfigs" : {} "sdkConfigs": {
"ad": {},
"oauth": {},
"payment": {
"alipay": {
"__platform__": [
"ios",
"android"
]
}
}
},
"icons": {
"android": {
"hdpi": "unpackage/res/icons/72x72.png",
"xhdpi": "unpackage/res/icons/96x96.png",
"xxhdpi": "unpackage/res/icons/144x144.png",
"xxxhdpi": "unpackage/res/icons/192x192.png"
},
"ios": {
"appstore": "unpackage/res/icons/1024x1024.png",
"ipad": {
"app": "unpackage/res/icons/76x76.png",
"app@2x": "unpackage/res/icons/152x152.png",
"notification": "unpackage/res/icons/20x20.png",
"notification@2x": "unpackage/res/icons/40x40.png",
"proapp@2x": "unpackage/res/icons/167x167.png",
"settings": "unpackage/res/icons/29x29.png",
"settings@2x": "unpackage/res/icons/58x58.png",
"spotlight": "unpackage/res/icons/40x40.png",
"spotlight@2x": "unpackage/res/icons/80x80.png"
},
"iphone": {
"app@2x": "unpackage/res/icons/120x120.png",
"app@3x": "unpackage/res/icons/180x180.png",
"notification@2x": "unpackage/res/icons/40x40.png",
"notification@3x": "unpackage/res/icons/60x60.png",
"settings@2x": "unpackage/res/icons/58x58.png",
"settings@3x": "unpackage/res/icons/87x87.png",
"spotlight@2x": "unpackage/res/icons/80x80.png",
"spotlight@3x": "unpackage/res/icons/120x120.png"
}
}
}
},
"uniStatistics": {
"enable": true
} }
}, },
/* 快应用特有相关 */ /* 快应用特有相关 */
@ -62,6 +112,9 @@
"scope.userLocation" : { "scope.userLocation" : {
"desc" : "获取地理位置" "desc" : "获取地理位置"
} }
},
"uniStatistics": {
"enable": true
} }
}, },
"mp-alipay" : { "mp-alipay" : {
@ -74,7 +127,8 @@
"usingComponents" : true "usingComponents" : true
}, },
"uniStatistics" : { "uniStatistics" : {
"enable" : false "enable": false,
"version": "2"
}, },
"vueVersion" : "2" "vueVersion" : "2"
} }

51
xlcs-user/pages.json
View File

@ -56,6 +56,20 @@
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
},
{
"path": "pages/loginh5/loginh5",
"style": {
"navigationBarTitleText": "登录页",
"enablePullDownRefresh": false
}
},
{
"path": "pages/register/register",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
} }
], ],
"globalStyle": { "globalStyle": {
@ -97,25 +111,24 @@
] ]
}, },
"subPackages": [ "subPackages": [
{ // {
"root": "pagesLocation", // "root": "pagesLocation",
"pages": [ // "pages": [{
{ // "path": "myPickUpLocation/myPickUpLocation",
"path": "myPickUpLocation/myPickUpLocation", // "style": {
"style": { // "navigationBarTitleText": "我的提货点",
"navigationBarTitleText": "我的提货点", // "enablePullDownRefresh": false
"enablePullDownRefresh": false // }
} // },
}, // {
{ // "path": "choosePickUpLocation/choosePickUpLocation",
"path": "choosePickUpLocation/choosePickUpLocation", // "style": {
"style": { // "navigationBarTitleText": "选择其它提货点",
"navigationBarTitleText": "选择其它提货点", // "enablePullDownRefresh": false
"enablePullDownRefresh": false // }
} // }
} // ]
] // },
},
{ {
"root": "pagesOrder", "root": "pagesOrder",
"pages": [ "pages": [

129
xlcs-user/pages/index/index.vue
View File

@ -1,16 +1,16 @@
<template> <template>
<view v-if="token" class="gg"> <view v-if="token" class="gg">
<!-- 利用background-image设置导航的线形渐变色彩 --> <!-- 利用background-image设置导航的线形渐变色彩 -->
<u-navbar :background="{ 'background-image': 'linear-gradient(to right, rgb(255,180,61), rgb(255, 101, 0))' }" :border-bottom="false" <u-navbar :background="{ 'background-image': 'linear-gradient(to right, rgb(255,180,61), rgb(255, 101, 0))' }"
:is-back="false"> :border-bottom="false" :is-back="false">
<view class="gg-map-slot-wrap u-font-xs u-m-l-20 u-p-l-10 u-p-r-10 u-p-t-5 u-p-b-5" @click="pickUpLocation"> <!-- <view class="gg-map-slot-wrap u-font-xs u-m-l-20 u-p-l-10 u-p-r-10 u-p-t-5 u-p-b-5" @click="pickUpLocation">
<u-icon name="map" size="24"></u-icon> <u-icon name="map" size="24"></u-icon>
<text class="u-p-l-10 u-p-r-10">{{ <text class="u-p-l-10 u-p-r-10">{{
leaderAddressVo.takeName ? leaderAddressVo.takeName : '请设置提货点' leaderAddressVo.takeName ? leaderAddressVo.takeName : '请设置提货点'
}} }}
</text> </text>
<u-icon name="arrow-right" size="20"></u-icon> <u-icon name="arrow-right" size="20"></u-icon>
</view> </view> -->
</u-navbar> </u-navbar>
<!-- 主内容区域-Begin --> <!-- 主内容区域-Begin -->
@ -25,18 +25,11 @@
--> -->
<view class="gg-notice-search-bar"> <view class="gg-notice-search-bar">
<u-icon class="gg-notice-search-bar-left-icon" name="search"></u-icon> <u-icon class="gg-notice-search-bar-left-icon" name="search"></u-icon>
<u-notice-bar <u-notice-bar :border-radius="30" :is-circular="false" :list="list" :more-icon="false"
:border-radius="30" :volume-icon="false" class="gg-notice-search-bar-u-notice-bar" mode="vertical"
:is-circular="false" type="none"></u-notice-bar>
:list="list" <u-button :custom-style="ggNoticeSearchBarRightBtnCustomStyle" class="u-m-r-20" shape="square"
:more-icon="false" size="mini" type="error">搜索
:volume-icon="false"
class="gg-notice-search-bar-u-notice-bar"
mode="vertical"
type="none"
></u-notice-bar>
<u-button :custom-style="ggNoticeSearchBarRightBtnCustomStyle" class="u-m-r-20" shape="square" size="mini"
type="error">搜索
</u-button> </u-button>
</view> </view>
@ -45,16 +38,11 @@
<view class="u-font-lg u-content-color">新人专享低价好物</view> <view class="u-font-lg u-content-color">新人专享低价好物</view>
<scroll-view class="gg-new-vip-sv" enable-flex scroll-x> <scroll-view class="gg-new-vip-sv" enable-flex scroll-x>
<view class="u-flex u-m-t-10"> <view class="u-flex u-m-t-10">
<view v-for="(item, index) in newPersonSkuInfoList" :key="item.id" class="gg-new-vip-sv-item u-p-r-20" <view v-for="(item, index) in newPersonSkuInfoList" :key="item.id"
@click="gotoProductItem(item.id)"> class="gg-new-vip-sv-item u-p-r-20" @click="gotoProductItem(item.id)">
<ListImgItem <ListImgItem :showBottom="item.skuType === 0 && item.isNewPerson === 1"
:showBottom="item.skuType === 0 && item.isNewPerson === 1" :showLeft="item.skuType === 1" :showRight="false" :src="item.imgUrl" height="200rpx"
:showLeft="item.skuType === 1" width="200rpx"></ListImgItem>
:showRight="false"
:src="item.imgUrl"
height="200rpx"
width="200rpx"
></ListImgItem>
<text class="u-type-error">￥ {{ item.price }}</text> <text class="u-type-error">￥ {{ item.price }}</text>
<AddToCart :shopDetail="item" :skuId="item.id"></AddToCart> <AddToCart :shopDetail="item" :skuId="item.id"></AddToCart>
</view> </view>
@ -67,7 +55,7 @@
<!-- 小鹿超市规则 --> <!-- 小鹿超市规则 -->
<view class="u-flex u-row-between u-p-20 u-m-20 gg-border" @click="showRulePopup = true"> <view class="u-flex u-row-between u-p-20 u-m-20 gg-border" @click="showRulePopup = true">
<u-image height="30rpx" src="/static/logo.png" width="30rpx"></u-image> <!-- <u-image height="30rpx" src="/static/logo-back.png" width="30rpx"></u-image> -->
<view>平台资质、法律条款、规则及投诉入口</view> <view>平台资质、法律条款、规则及投诉入口</view>
</view> </view>
@ -107,10 +95,11 @@
<scroll-view enable-flex scroll-x> <scroll-view enable-flex scroll-x>
<view class="u-flex u-p-r-20 u-p-t-20"> <view class="u-flex u-p-r-20 u-p-t-20">
<!-- 循环滚动内容 --> <!-- 循环滚动内容 -->
<view v-for="item in seckillSkuVoList" :key="item.skuId" class="u-p-l-20 u-p-r-20 u-text-center" <view v-for="item in seckillSkuVoList" :key="item.skuId"
@click="gotoProductItem(item.skuId)"> class="u-p-l-20 u-p-r-20 u-text-center" @click="gotoProductItem(item.skuId)">
<text class="u-font-sm u-m-b-5">{{ item.timeName }}</text> <text class="u-font-sm u-m-b-5">{{ item.timeName }}</text>
<u-image :src="item.imgUrl" border-radius="30rpx" height="200rpx" width="200rpx"></u-image> <u-image :src="item.imgUrl" border-radius="30rpx" height="200rpx"
width="200rpx"></u-image>
<text class="u-font-sm u-m-t-5">{{ item.skuName }}</text> <text class="u-font-sm u-m-t-5">{{ item.skuName }}</text>
<AddToCart :shopDetail="item" :skuId="item.skuId"></AddToCart> <AddToCart :shopDetail="item" :skuId="item.skuId"></AddToCart>
</view> </view>
@ -119,42 +108,21 @@
</view> </view>
</block> </block>
<!-- 如何购买商品 -->
<view class="u-p-20 u-m-20 gg-border u-font-xs">
<view class="u-m-b-20">如何在[小鹿超市]购买商品</view>
<view class="u-flex">
<view class="gg-number u-m-r-10">1</view>
挑商品
<u-icon name="arrow-right-double u-m-l-10 u-tips-color"></u-icon>
<u-icon class="u-content-color" name="arrow-right-double"></u-icon>
<view class="gg-number gg-number-gray u-m-r-10 u-m-l-10">2</view>
选提货点
<u-icon name="arrow-right-double u-m-l-10 u-tips-color"></u-icon>
<u-icon class="u-content-color" name="arrow-right-double"></u-icon>
<view class="gg-number gg-number-gray u-m-r-10 u-m-l-10">3</view>
次日16点提货点取货
</view>
</view>
<!-- 热销好货 --> <!-- 热销好货 -->
<view class="u-font-xl u-type-error u-m-20">热销好货</view> <view class="u-font-xl u-type-error u-m-20">热销好货</view>
<view v-for="(item, index) in hotSkuList" :key="item.id" class="u-p-20 u-m-20 gg-border" <view v-for="(item, index) in hotSkuList" :key="item.id" class="u-p-20 u-m-20 gg-border"
@click="gotoProductItem(item.id)"> @click="gotoProductItem(item.id)">
<view class="u-m-b-10 u-m-l-20 u-m-r-20 u-flex gg-product-item"> <view class="u-m-b-10 u-m-l-20 u-m-r-20 u-flex gg-product-item">
<ListImgItem <ListImgItem :showBottom="item.skuType === 0 && item.isNewPerson === 1"
:showBottom="item.skuType === 0 && item.isNewPerson === 1" :showLeft="item.skuType === 1" :showRight="false" :src="item.imgUrl" height="250rpx"
:showLeft="item.skuType === 1" width="250rpx"></ListImgItem>
:showRight="false"
:src="item.imgUrl"
height="250rpx"
width="250rpx"
></ListImgItem>
<view class="gg-product-item-msg u-border-bottom u-p-b-20 u-m-l-20"> <view class="gg-product-item-msg u-border-bottom u-p-b-20 u-m-l-20">
<view class="gg-product-item-msg-title"> <view class="gg-product-item-msg-title">
<view class="u-font-lg">{{ item.title }}</view> <view class="u-font-lg">{{ item.title }}</view>
<view class="u-type-info u-font-sm">已售{{ item.sale }}/剩余{{ item.stock }}</view> <view class="u-type-info u-font-sm">已售{{ item.sale }}/剩余{{ item.stock }}</view>
<block v-if="item.ruleList"> <block v-if="item.ruleList">
<view v-for="(rule, ruleIndex) in item.ruleList" :key="ruleIndex" class="u-font-xs u-type-error-dark"> <view v-for="(rule, ruleIndex) in item.ruleList" :key="ruleIndex"
class="u-font-xs u-type-error-dark">
{{ rule }} {{ rule }}
</view> </view>
</block> </block>
@ -198,9 +166,9 @@
<view class="u-m-20"> <view class="u-m-20">
<view class="u-font-xl u-m-b-10"> <view class="u-font-xl u-m-b-10">
<u-icon class="u-m-r-10" color="#dd6161" name="bag" size="28"></u-icon> <u-icon class="u-m-r-10" color="#dd6161" name="bag" size="28"></u-icon>
次日自提 极速上门
</view> </view>
<view class="u-light-color u-font-xs">每日23点前下单，次日16点可到下单门店自提</view> <view class="u-light-color u-font-xs">每日23点前下单，半小时送上门</view>
</view> </view>
<view class="u-m-20"> <view class="u-m-20">
@ -220,7 +188,7 @@
</template> </template>
<script> <script>
import {mapState, mapGetters, mapActions} from 'vuex'; import {mapActions, mapGetters, mapState} from 'vuex';
let watchTimes = 0; let watchTimes = 0;
export default { export default {
@ -246,7 +214,9 @@ export default {
}, },
computed: { computed: {
...mapState('indexModule', ['home']), ...mapState('indexModule', ['home']),
...mapGetters('indexModule', ['categoryList', 'hotSkuList', 'newPersonSkuInfoList', 'seckillTime', 'seckillSkuVoList', 'leaderAddressVo']) ...mapGetters('indexModule', ['categoryList', 'hotSkuList', 'newPersonSkuInfoList', 'seckillTime',
'seckillSkuVoList', 'leaderAddressVo'
])
}, },
methods: { methods: {
...mapActions('indexModule', ['getHomeIndexAction']), ...mapActions('indexModule', ['getHomeIndexAction']),
@ -262,12 +232,14 @@ export default {
}, 100); }, 100);
}, },
// 跳转至设置提货点 // 跳转至设置提货点
pickUpLocation() { // pickUpLocation() {
this.$u.route('/pagesLocation/myPickUpLocation/myPickUpLocation'); // this.$u.route('/pagesLocation/myPickUpLocation/myPickUpLocation');
}, // },
// 跳转至商品详情页 // 跳转至商品详情页
gotoProductItem(skuId) { gotoProductItem(skuId) {
this.$u.route('/pages/homeItem/homeItem', {skuId}); this.$u.route('/pages/homeItem/homeItem', {
skuId
});
}, },
// 跳转至秒杀页 // 跳转至秒杀页
gotoSeckill() { gotoSeckill() {
@ -312,16 +284,16 @@ export default {
2.等mounted请求结束，数据设置完毕以后再进行数据变化的监控 2.等mounted请求结束，数据设置完毕以后再进行数据变化的监控
3.不需要进行监控次数的判断 3.不需要进行监控次数的判断
------------------------------------------------------------ */ ------------------------------------------------------------ */
'leaderAddressVo.userId': { // 'leaderAddressVo.userId': {
handler(newVal) { // handler(newVal) {
if (!newVal) { // if (!newVal) {
uni.redirectTo({ // uni.redirectTo({
url: '/pagesLocation/myPickUpLocation/myPickUpLocation' // url: '/pagesLocation/myPickUpLocation/myPickUpLocation'
}); // });
} // }
}, // },
deep: true // deep: true
} // }
}, },
onShow() { onShow() {
/* /*
@ -337,7 +309,7 @@ export default {
const token = await uni.getStorageSync('token'); const token = await uni.getStorageSync('token');
if (this.$u.test.isEmpty(token)) { if (this.$u.test.isEmpty(token)) {
uni.reLaunch({ uni.reLaunch({
url: '/pages/login/login' url: '/pages/loginh5/loginh5'
}); });
return; return;
} }
@ -353,6 +325,7 @@ export default {
利用scss中&-的方式实现层级样式的拼接 利用scss中&-的方式实现层级样式的拼接
*/ */
.gg { .gg {
/* navbar 导航中进行地图位置的获取设置 */ /* navbar 导航中进行地图位置的获取设置 */
&-map-slot-wrap { &-map-slot-wrap {
display: flex; display: flex;
@ -370,7 +343,7 @@ export default {
/* /*
notice-bar头部滚动信息搜索区域 notice-bar头部滚动信息搜索区域
利用background-image的linear-gradient保持与导航一致的线形渐变色彩 利用background-image的linear-gradient保持与导航一致的线形渐变色彩
*/ */
&-header { &-header {
background-image: linear-gradient(to right, rgb(255, 180, 61), rgb(255, 101, 0)); background-image: linear-gradient(to right, rgb(255, 180, 61), rgb(255, 101, 0));
height: 500rpx; height: 500rpx;
@ -393,6 +366,7 @@ export default {
/* 滚动信息搜索框中的字体设置 */ /* 滚动信息搜索框中的字体设置 */
&-u-notice-bar { &-u-notice-bar {
flex: 1; flex: 1;
/* 深层穿透修改子组件字体颜色样式 */ /* 深层穿透修改子组件字体颜色样式 */
::v-deep .u-news-item { ::v-deep .u-news-item {
color: $u-light-color !important; color: $u-light-color !important;
@ -427,7 +401,8 @@ export default {
&-border { &-border {
border-radius: 20rpx; border-radius: 20rpx;
border-bottom: 1rpx solid #f5f5f5; border-bottom: 1rpx solid #f5f5f5;
box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1); /*下边阴影 */ box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
/*下边阴影 */
} }
/* 商品分类 */ /* 商品分类 */

38
xlcs-user/pages/login/login.vue
View File

@ -20,6 +20,10 @@
<text class="link">小鹿超市用户协议、隐私政策，</text> <text class="link">小鹿超市用户协议、隐私政策，</text>
并授权使用您的小鹿超市账号信息（如昵称、头像、收获地址）以便您统一管理 并授权使用您的小鹿超市账号信息（如昵称、头像、收获地址）以便您统一管理
</view> </view>
<view class="buttons">
<button class="otherBtn" @click="goToRegister">注册</button>
<button class="otherBtn" @click="goToLogin">账号密码登录</button>
</view>
</view> </view>
</view> </view>
</template> </template>
@ -45,13 +49,19 @@ export default {
const photoUrl = res.userInfo.avatarUrl; const photoUrl = res.userInfo.avatarUrl;
const nickName = res.userInfo.nickName; const nickName = res.userInfo.nickName;
const sex = res.userInfo.gender; const sex = res.userInfo.gender;
uni.setStorageSync('userInfo', {photoUrl, nickName, sex}); uni.setStorageSync('userInfo', {
photoUrl,
nickName,
sex
});
// 进行微信登陆操作（具体查看小程序登陆wx.login流程图） // 进行微信登陆操作（具体查看小程序登陆wx.login流程图）
// https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html // https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html
uni.login({ uni.login({
success: async res => { success: async res => {
// 利用小程序登陆，配合code码进行用户登陆操作，并返回用户的token值 // 利用小程序登陆，配合code码进行用户登陆操作，并返回用户的token值
const result = await this.$u.api.getWxLogin({code: res.code}); const result = await this.$u.api.getWxLogin({
code: res.code
});
console.log(result, result.token, "<<<") console.log(result, result.token, "<<<")
// 将token值进行本地缓存存储 // 将token值进行本地缓存存储
uni.setStorage({ uni.setStorage({
@ -81,12 +91,36 @@ export default {
this.isLogin = false; this.isLogin = false;
} }
}); });
},
goToRegister() {
uni.navigateTo({
url: '/pages/register/register',
});
},
goToLogin() {
uni.navigateTo({
url: '/pages/loginh5/loginh5',
});
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.otherBtn {
width: 240rpx;
height: 60rpx;
line-height: 60rpx;
text-align: center;
background-color: #ccc;
color: #fff;
font-size: 24rpx;
border: none;
border-radius: 10rpx;
cursor: pointer;
background-color: #1aad19; // 更改微信登录按钮的背景颜色
}
.wrap { .wrap {
font-size: 28rpx; font-size: 28rpx;

23
xlcs-user/pages/my/my.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="gg"> <view class="gg">
<u-navbar :background="{ 'background-image': 'linear-gradient(to right, rgb(255,180,61), rgb(255, 101, 0))' }" :border-bottom="false" <u-navbar :background="{ 'background-image': 'linear-gradient(to right, rgb(255,180,61), rgb(255, 101, 0))' }"
:is-back="false"></u-navbar> :border-bottom="false" :is-back="false"></u-navbar>
<view class="gg-content"> <view class="gg-content">
<view class="gg-header u-p-l-20 u-p-r-20"> <view class="gg-header u-p-l-20 u-p-r-20">
<view class="u-flex u-m-l-20"> <view class="u-flex u-m-l-20">
@ -107,12 +107,12 @@
<view class="u-font-xs">提货码</view> <view class="u-font-xs">提货码</view>
</view> </view>
</u-col> </u-col>
<u-col span="3"> <!-- <u-col span="3">
<view class="gg-order-item" @click="gotoMyPickUpLocation"> <view class="gg-order-item" @click="gotoMyPickUpLocation">
<view class="iconfont icon-dianpu"></view> <view class="iconfont icon-dianpu"></view>
<view class="u-font-xs">提货点管理</view> <view class="u-font-xs">提货点管理</view>
</view> </view>
</u-col> </u-col> -->
<u-col span="3"> <u-col span="3">
<view class="gg-order-item"> <view class="gg-order-item">
<view class="iconfont icon-miaosha"></view> <view class="iconfont icon-miaosha"></view>
@ -175,7 +175,7 @@
// 将svg图形转成base64，然后再设置成js变量的形式引入使用 // 将svg图形转成base64，然后再设置成js变量的形式引入使用
// 需要注意将变量设置到data中 // 需要注意将变量设置到data中
// 强调：为什么不用iconfont呢？和上面的iconfont一样。因为彩色图标变黑了，色彩没起作用。 // 强调：为什么不用iconfont呢？和上面的iconfont一样。因为彩色图标变黑了，色彩没起作用。
import {fruit, recommend, invite, discount} from '@/common/svgIcon.js'; import {discount, fruit, invite, recommend} from '@/common/svgIcon.js';
export default { export default {
data() { data() {
@ -185,8 +185,7 @@ export default {
recommend, recommend,
invite, invite,
discount, discount,
list: [ list: [{
{
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg', image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
title: '昨夜星辰昨夜风，画楼西畔桂堂东' title: '昨夜星辰昨夜风，画楼西畔桂堂东'
}, },
@ -205,11 +204,11 @@ export default {
gotoOrderList(index) { gotoOrderList(index) {
this.$u.route('/pagesOrder/orderList/orderList?current=' + index); this.$u.route('/pagesOrder/orderList/orderList?current=' + index);
}, },
gotoMyPickUpLocation() { // gotoMyPickUpLocation() {
uni.navigateTo({ // uni.navigateTo({
url: '/pagesLocation/myPickUpLocation/myPickUpLocation' // url: '/pagesLocation/myPickUpLocation/myPickUpLocation'
}); // });
} // }
}, },
async mounted() { async mounted() {
this.userInfo = uni.getStorageSync('userInfo'); this.userInfo = uni.getStorageSync('userInfo');

6
xlcs-user/pagesOrder/confirmOrder/confirmOrder.vue
View File

@ -9,9 +9,9 @@
<view class="gg-content"> <view class="gg-content">
<scroll-view v-if="getCartInfoList" class="gg-cart-sv-container" scroll-y="true"> <scroll-view v-if="getCartInfoList" class="gg-cart-sv-container" scroll-y="true">
<!-- 提货点 --> <!-- 提货点 -->
<u-card :padding="10" :show-head="false"> <!-- <u-card :padding="10" :show-head="false">
<view slot="body" class="u-m-10">提货点：{{ getLeaderAddressVo.takeName }}</view> <view slot="body" class="u-m-10">提货点：{{ getLeaderAddressVo.takeName }}</view>
</u-card> </u-card> -->
<u-card :padding="10" :show-head="true"> <u-card :padding="10" :show-head="true">
<view slot="head" class="u-m-10">提货人联系方式</view> <view slot="head" class="u-m-10">提货人联系方式</view>
@ -126,7 +126,7 @@
</template> </template>
<script> <script>
import {mapState, mapGetters, mapActions} from 'vuex'; import {mapActions, mapGetters, mapState} from 'vuex';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
export default { export default {

BIN
xlcs-user/static/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 50 KiB

BIN
小鹿超市.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 50 KiB