Merge remote-tracking branch 'origin/feature/1.8.0-uniapp' into feature/1.8.0-uniapp
commit
0247fd5c69
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<text v-for="(item, index) in textArray" :key="index" :style="{ 'font-size': (index === 1 ? integerSize : size) + 'px', 'color': color }">
|
<text v-for="(item, index) in textArray" :key="index" :style="{ fontSize: (index === 1 ? integerSize : size) + 'px', color, textDecoration }">
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
@ -8,15 +8,20 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
/**
|
/**
|
||||||
* 此组件简单的显示特定样式的(人名币)价格数字
|
* 此组件简单的显示(驼峰式)的价格
|
||||||
*/
|
*/
|
||||||
export default {
|
export default {
|
||||||
name: 'yd-text-price',
|
name: 'yd-text-price',
|
||||||
components: {},
|
components: {},
|
||||||
props: {
|
props: {
|
||||||
|
//货币符号
|
||||||
|
symbol: {
|
||||||
|
type: String,
|
||||||
|
default: '¥'
|
||||||
|
},
|
||||||
price: {
|
price: {
|
||||||
type: [String, Number],
|
type: [String, Number],
|
||||||
default: '0.00'
|
default: ''
|
||||||
},
|
},
|
||||||
color: {
|
color: {
|
||||||
type: String,
|
type: String,
|
||||||
|
@ -30,14 +35,28 @@ export default {
|
||||||
//整形部分字体大小可单独定义
|
//整形部分字体大小可单独定义
|
||||||
intSize: {
|
intSize: {
|
||||||
type: [String, Number],
|
type: [String, Number],
|
||||||
default: 15
|
default: ''
|
||||||
|
},
|
||||||
|
//文字装饰,下划线,中划线等
|
||||||
|
decoration: {
|
||||||
|
type: String,
|
||||||
|
default: 'none'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
textDecoration: this.decoration
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
textArray() {
|
textArray() {
|
||||||
let array = ['¥']
|
let array = []
|
||||||
|
if (this.price === '' || this.price === undefined) {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
array.push(this.symbol)
|
||||||
if (!/^\d+(\.\d+)?$/.test(this.price)) {
|
if (!/^\d+(\.\d+)?$/.test(this.price)) {
|
||||||
console.error('组件<custom-text-price :text="???" 此处参数应为金额数字')
|
console.error('组件<yd-text-price :text="???" 此处参数应为金额数字')
|
||||||
} else {
|
} else {
|
||||||
let arr = parseFloat(this.price).toFixed(2).split('.')
|
let arr = parseFloat(this.price).toFixed(2).split('.')
|
||||||
array.push(arr[0])
|
array.push(arr[0])
|
||||||
|
|
|
@ -28,7 +28,7 @@
|
||||||
<!--商品展示栏-->
|
<!--商品展示栏-->
|
||||||
<yd-product-box :product-list="productList" :title="'每日上新'" show-type="normal"></yd-product-box>
|
<yd-product-box :product-list="productList" :title="'每日上新'" show-type="normal"></yd-product-box>
|
||||||
<yd-product-box :product-list="productList" :title="'热卖商品'" show-type="half"></yd-product-box>
|
<yd-product-box :product-list="productList" :title="'热卖商品'" show-type="half"></yd-product-box>
|
||||||
<yd-product-more :product-list="productList" more-status="moreStatus"></yd-product-more>
|
<yd-product-more :product-list="productList" :more-status="moreStatus"></yd-product-more>
|
||||||
|
|
||||||
<u-gap height="5px"></u-gap>
|
<u-gap height="5px"></u-gap>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -0,0 +1,6 @@
|
||||||
|
const getters = {
|
||||||
|
accessToken: state => state.user.accessToken,
|
||||||
|
userInfo: state => state.user.userInfo,
|
||||||
|
hasLogin: state => !!state.user.accessToken
|
||||||
|
}
|
||||||
|
export default getters
|
|
@ -1,91 +1,15 @@
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import Vuex from 'vuex'
|
import Vuex from 'vuex'
|
||||||
import { logout } from '@/api/auth'
|
import user from './mudules/user'
|
||||||
import { getUserInfo } from '@/api/user'
|
import getters from './getters'
|
||||||
import { passwordLogin, smsLogin, weixinMiniAppLogin } from '@/api/auth'
|
|
||||||
|
|
||||||
const AccessTokenKey = 'ACCESS_TOKEN'
|
|
||||||
const RefreshTokenKey = 'REFRESH_TOKEN'
|
|
||||||
|
|
||||||
Vue.use(Vuex) // vue的插件机制
|
Vue.use(Vuex) // vue的插件机制
|
||||||
|
|
||||||
// Vuex.Store 构造器选项
|
// Vuex.Store 构造器选项
|
||||||
const store = new Vuex.Store({
|
const store = new Vuex.Store({
|
||||||
state: {
|
modules: {
|
||||||
accessToken: uni.getStorageSync(AccessTokenKey), // 访问令牌
|
user
|
||||||
refreshToken: uni.getStorageSync(RefreshTokenKey), // 刷新令牌
|
|
||||||
userInfo: {}
|
|
||||||
},
|
},
|
||||||
getters: {
|
getters
|
||||||
accessToken: state => state.accessToken,
|
|
||||||
refreshToken: state => state.refreshToken,
|
|
||||||
userInfo: state => state.userInfo,
|
|
||||||
hasLogin: state => !!state.accessToken
|
|
||||||
},
|
|
||||||
mutations: {
|
|
||||||
// 更新 state 的通用方法
|
|
||||||
SET_STATE_ATTR(state, param) {
|
|
||||||
if (param instanceof Array) {
|
|
||||||
for (let item of param) {
|
|
||||||
state[item.key] = item.val
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
state[param.key] = param.val
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 更新令牌
|
|
||||||
SET_TOKEN(state, data) {
|
|
||||||
// 设置令牌
|
|
||||||
const { accessToken, refreshToken } = data
|
|
||||||
state.accessToken = accessToken
|
|
||||||
state.refreshToken = refreshToken
|
|
||||||
uni.setStorageSync(AccessTokenKey, accessToken)
|
|
||||||
uni.setStorageSync(RefreshTokenKey, refreshToken)
|
|
||||||
|
|
||||||
// 加载用户信息
|
|
||||||
this.dispatch('ObtainUserInfo')
|
|
||||||
},
|
|
||||||
// 更新用户信息
|
|
||||||
SET_USER_INFO(state, data) {
|
|
||||||
state.userInfo = data
|
|
||||||
},
|
|
||||||
// 清空令牌 和 用户信息
|
|
||||||
CLEAR_LOGIN_INFO(state) {
|
|
||||||
uni.removeStorageSync(AccessTokenKey)
|
|
||||||
uni.removeStorageSync(RefreshTokenKey)
|
|
||||||
state.accessToken = ''
|
|
||||||
state.refreshToken = ''
|
|
||||||
state.userInfo = {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
actions: {
|
|
||||||
//账号登录
|
|
||||||
Login({ state, commit }, { type, data }) {
|
|
||||||
if (type === 0) {
|
|
||||||
return passwordLogin(data).then(res => {
|
|
||||||
commit('SET_TOKEN', res.data)
|
|
||||||
})
|
|
||||||
} else if (type === 1) {
|
|
||||||
return smsLogin(data).then(res => {
|
|
||||||
commit('SET_TOKEN', res.data)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
return weixinMiniAppLogin(data).then(res => {
|
|
||||||
commit('SET_TOKEN', res.data)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 退出登录
|
|
||||||
async Logout({ state, commit }) {
|
|
||||||
commit('CLEAR_LOGIN_INFO')
|
|
||||||
await logout()
|
|
||||||
},
|
|
||||||
// 获得用户基本信息
|
|
||||||
async ObtainUserInfo({ state, commit }) {
|
|
||||||
const res = await getUserInfo()
|
|
||||||
commit('SET_USER_INFO', res.data)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
|
||||||
export default store
|
export default store
|
||||||
|
|
|
@ -0,0 +1,101 @@
|
||||||
|
import { getUserInfo } from '@/api/user'
|
||||||
|
import { passwordLogin, smsLogin, weixinMiniAppLogin, logout } from '@/api/auth'
|
||||||
|
|
||||||
|
const AccessTokenKey = 'ACCESS_TOKEN'
|
||||||
|
const RefreshTokenKey = 'REFRESH_TOKEN'
|
||||||
|
|
||||||
|
const user = {
|
||||||
|
state: {
|
||||||
|
accessToken: uni.getStorageSync(AccessTokenKey), // 访问令牌
|
||||||
|
refreshToken: uni.getStorageSync(RefreshTokenKey), // 刷新令牌
|
||||||
|
userInfo: {}
|
||||||
|
},
|
||||||
|
mutations: {
|
||||||
|
// 更新 state 的通用方法
|
||||||
|
SET_STATE_ATTR(state, param) {
|
||||||
|
if (param instanceof Array) {
|
||||||
|
for (let item of param) {
|
||||||
|
state[item.key] = item.val
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
state[param.key] = param.val
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 更新令牌
|
||||||
|
SET_TOKEN(state, data) {
|
||||||
|
// 设置令牌
|
||||||
|
const { accessToken, refreshToken } = data
|
||||||
|
state.accessToken = accessToken
|
||||||
|
state.refreshToken = refreshToken
|
||||||
|
uni.setStorageSync(AccessTokenKey, accessToken)
|
||||||
|
uni.setStorageSync(RefreshTokenKey, refreshToken)
|
||||||
|
|
||||||
|
// 加载用户信息
|
||||||
|
this.dispatch('ObtainUserInfo')
|
||||||
|
},
|
||||||
|
// 更新用户信息
|
||||||
|
SET_USER_INFO(state, data) {
|
||||||
|
state.userInfo = data
|
||||||
|
},
|
||||||
|
// 清空令牌 和 用户信息
|
||||||
|
CLEAR_LOGIN_INFO(state) {
|
||||||
|
uni.removeStorageSync(AccessTokenKey)
|
||||||
|
uni.removeStorageSync(RefreshTokenKey)
|
||||||
|
state.accessToken = ''
|
||||||
|
state.refreshToken = ''
|
||||||
|
state.userInfo = {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
//账号登录
|
||||||
|
Login({ state, commit }, { type, data }) {
|
||||||
|
if (type === 0) {
|
||||||
|
return passwordLogin(data)
|
||||||
|
.then(res => {
|
||||||
|
commit('SET_TOKEN', res.data)
|
||||||
|
return Promise.resolve(res)
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
return Promise.reject(err)
|
||||||
|
})
|
||||||
|
} else if (type === 1) {
|
||||||
|
return smsLogin(data)
|
||||||
|
.then(res => {
|
||||||
|
commit('SET_TOKEN', res.data)
|
||||||
|
return Promise.resolve(res)
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
return Promise.reject(err)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
return weixinMiniAppLogin(data)
|
||||||
|
.then(res => {
|
||||||
|
commit('SET_TOKEN', res.data)
|
||||||
|
return Promise.resolve(res)
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
return Promise.reject(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 退出登录
|
||||||
|
Logout({ state, commit }) {
|
||||||
|
return logout()
|
||||||
|
.then(res => {
|
||||||
|
return Promise.resolve(res)
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
return Promise.reject(err)
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
commit('CLEAR_LOGIN_INFO')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获得用户基本信息
|
||||||
|
async ObtainUserInfo({ state, commit }) {
|
||||||
|
const res = await getUserInfo()
|
||||||
|
commit('SET_USER_INFO', res.data)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default user
|
Loading…
Reference in New Issue