From 7e1d9fe99580ca73ceab782cc5c7de4e6b8ba54b Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Mon, 13 Jun 2022 11:26:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=83=E9=99=90=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                   | 18 +++++++++++-
 apis/modules/client.js    |  2 +-
 apis/modules/order.js     |  6 +---
 apis/modules/parner.js    |  4 +++
 apis/modules/user.js      |  4 +++
 apis/request.js           |  4 ++-
 directives/auth.js        | 16 ++++++++++
 directives/index.js       | 12 ++++++++
 main.js                   | 11 +++++++
 pages.json                |  3 +-
 pages/clients/clients.vue | 46 ++++++++++++++++++-----------
 pages/index/index.vue     | 61 +++++++++++++++++----------------------
 pages/orders/orders.vue   | 34 +++++++++++++++++-----
 pages/person/person.vue   | 48 ++++++++++++++++++++++++------
 pages/plans/plans.vue     |  5 +++-
 pages/setting/setting.vue | 11 +++----
 pages/teams/teams.vue     | 16 ++++++++--
 styles/common.scss        | 14 +++++++++
 18 files changed, 230 insertions(+), 85 deletions(-)
 create mode 100644 directives/auth.js
 create mode 100644 directives/index.js

diff --git a/App.vue b/App.vue
index d996bf2..7e91dc0 100644
--- a/App.vue
+++ b/App.vue
@@ -1,7 +1,23 @@
 <script>
+	import { getUserRolesPermissionMenu } from '@/apis/modules/user.js'
 	export default {
 		onLaunch: function() {
-			
+			// 查询当前角色权限
+			uni.getStorageSync('token') && getUserRolesPermissionMenu({
+				platformId: 4
+			}).then(({ permissionMenu }) => {
+				const auth = []
+				const generateAuth = (list, parent) => {
+					list.map(e => {
+						const name = `${parent ? parent + ':' : ''}${e.name}`
+						auth.push(name)
+						generateAuth(e.children, name)
+					})
+				}
+				generateAuth(permissionMenu[0].children, '')
+				console.log(333, auth)
+				uni.setStorageSync('auth', auth)
+			}).catch(e => {})
 		},
 		onShow: function() {
 			
diff --git a/apis/modules/client.js b/apis/modules/client.js
index bc5ef56..1c9fa4c 100644
--- a/apis/modules/client.js
+++ b/apis/modules/client.js
@@ -10,7 +10,7 @@ export const list = (data) => {
 }
 
 export const all = (data) => {
-  return post('nakadai/applets/customer/allClientsOfTheTeam', data)
+  return post('nakadai/applets/customer/customerList', data)
 }
 
 export const queryCustomerDetails = (data) => {
diff --git a/apis/modules/order.js b/apis/modules/order.js
index 1016137..053256b 100644
--- a/apis/modules/order.js
+++ b/apis/modules/order.js
@@ -22,11 +22,7 @@ export const renew = (data) => {
 }
 
 export const list = (data) => {
-  return post('nakadai/applets/order/getOrderBasedOnBusinessManagerId', data)
-}
-
-export const all = (data) => {
-  return post('nakadai/applets/order/allTeamOrders', data)
+  return post('nakadai/applets/order/orderList', data)
 }
 
 export const del = (data) => {
diff --git a/apis/modules/parner.js b/apis/modules/parner.js
index aa1ee36..b58c6a1 100644
--- a/apis/modules/parner.js
+++ b/apis/modules/parner.js
@@ -15,4 +15,8 @@ export const generateInvitationCode = accountId => {
 
 export const treeList = (data) => {
   return post('nakadai/partnerClassification/treeList', data)
+}
+
+export const my = (data) => {
+  return get('nakadai/partner-team/my', data)
 }
\ No newline at end of file
diff --git a/apis/modules/user.js b/apis/modules/user.js
index ae8f2e6..b7b812a 100644
--- a/apis/modules/user.js
+++ b/apis/modules/user.js
@@ -13,4 +13,8 @@ export const examinePassword = (data) => {
   return post('users/users/userAccount/examinePassword', data)
 }
 
+export const getUserRolesPermissionMenu = (data) => {
+  return get('users/user-role/getUserRolesPermissionMenu', data)
+}
+
 export const updateUserAvatars = `http://39.108.250.202:9000/users/users/userAccount/updateUserAvatars`
\ No newline at end of file
diff --git a/apis/request.js b/apis/request.js
index 1831669..d20c1c2 100644
--- a/apis/request.js
+++ b/apis/request.js
@@ -14,11 +14,12 @@ const request = options => {
 	const header = Object.assign({}, config.headers, {
 		token: uni.getStorageSync('token')
 	})
+	const otherUrl = ['my', 'generateInvitationCode', 'weChatAppletCallback', 'userBinding', 'getUserRolesPermissionMenu']
 	return new Promise((resolve, reject)=>{
 		const { url } = options
 		uni.request({
 			header,
-			url: ((url.includes('getTeamsByAccountId') || url.includes('getTheBusinessManagerIdsUnderTheTeam') || url.includes('treeList')) ? 'http://192.168.31.151:9000/' : config.baseURL) + url,
+			url: (otherUrl.find(e => url.includes(e)) ? 'http://192.168.31.137:9000/' : config.baseURL) + url,
 			method: options.method || 'GET', // 请求类型，默认为GET
 			data: options.data || {}, // 请求参数，默认空对象
 			success: ({ data }) => {
@@ -33,6 +34,7 @@ const request = options => {
 					uni.removeStorageSync('avatar')
 					uni.removeStorageSync('sessionKey')
 					uni.removeStorageSync('team')
+					uni.removeStorageSync('auth')
 					uni.showToast({
 						title: message,
 						icon: 'none'
diff --git a/directives/auth.js b/directives/auth.js
new file mode 100644
index 0000000..be3a722
--- /dev/null
+++ b/directives/auth.js
@@ -0,0 +1,16 @@
+/**
+ * @description 鉴权指令
+ * 当传入的权限当前用户没有时，会移除该组件
+ * 用例：<Tag v-auth>text</Tag> 或者：<Tag v-auth="'user:编辑'">text</Tag>
+ * */
+export default {
+    inserted(el, binding, vnode) {
+        const btnText = el.innerText
+        const btnPermissions = uni.getStorageSync('auth')
+        if (btnText && btnPermissions && btnPermissions.length) {
+            const isPermission = btnPermissions.includes(btnText)
+            // 如果按钮集合里没有该权限,就把该按钮给去除
+            !isPermission && el.parentNode && el.parentNode.removeChild(el)
+        }
+    },
+};
diff --git a/directives/index.js b/directives/index.js
new file mode 100644
index 0000000..63e26af
--- /dev/null
+++ b/directives/index.js
@@ -0,0 +1,12 @@
+/**
+ * 插件
+ * */
+
+import auth from './auth'
+
+export default {
+    async install(Vue, options) {
+        // 指令
+        Vue.directive('auth', auth)
+    }
+};
\ No newline at end of file
diff --git a/main.js b/main.js
index 7455378..6461027 100644
--- a/main.js
+++ b/main.js
@@ -3,12 +3,23 @@
 import Vue from 'vue'
 import App from './App'
 import util from '@/libs/util'
+import plugins from '@/directives'
 
 Vue.config.productionTip = false
 Vue.prototype.$util = util
+Vue.use(plugins)
 
 App.mpType = 'app'
 
+// 权限控制
+Vue.prototype.auth = function(text){
+	const auth = uni.getStorageSync('auth')
+	if (text && auth && auth.length) {
+	    const isPermission = auth.includes(text)
+	    return auth.includes(text)
+	}
+}
+
 const app = new Vue({
     ...App
 })
diff --git a/pages.json b/pages.json
index 95f57d5..826e8d5 100644
--- a/pages.json
+++ b/pages.json
@@ -191,7 +191,8 @@
 			"pagePath": "pages/teams/teams",
 			"iconPath": "static/image/tab2.png",
 			"selectedIconPath": "static/image/tab2-1.png",
-			"text": "团队"
+			"text": "团队",
+			"visible": false
 		}, {
 			"pagePath": "pages/person/person",
 			"iconPath": "static/image/tab3.png",
diff --git a/pages/clients/clients.vue b/pages/clients/clients.vue
index e23638e..1dd49f0 100644
--- a/pages/clients/clients.vue
+++ b/pages/clients/clients.vue
@@ -27,11 +27,11 @@
 							</view>
 							<view class="line">
 								<text class="name">产品到期时间：</text>
-								<text class="val">{{ item.expireDate.replace(' 00:00:00', '') }}</text>
+								<text class="val">{{ item.expireDate.split(' ')[0] }}</text>
 							</view>
 							<view class="line">
 								<text class="name">商务经理：</text>
-								<text class="val">{{ item.account }}</text>
+								<text class="val">{{ item.businessManagerName }}</text>
 							</view>
 						</view>
 						<view class="type">
@@ -81,16 +81,7 @@
 				    }
 				],
 				curTab: 0,
-				tabs: [
-					{
-						name: '我的客户',
-						id: 0
-					},
-					{
-						name: '团队全部客户',
-						id: 1
-					}
-				],
+				tabs: [],
 				reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据
 				status: 'more', // 上拉加载状态 more|loading|noMore
 				searchTimer: null,
@@ -128,20 +119,41 @@
 			}
 		},
 		onShow() {
-			this.initList()
+			this.initRole()
 		},
 		methods: {
+			// 初始化权限
+			initRole() {
+				this.tabs = []
+				const auth = uni.getStorageSync('auth')
+				auth.includes('首页:客户:我的客户') && this.tabs.push({
+					name: '我的客户',
+					id: 0
+				})
+				auth.includes('首页:客户:团队全部客户') && this.tabs.push({
+					name: '团队全部客户',
+					id: 1
+				})
+				const len = this.tabs.length
+				// 只有一个的话，取第一个，而且不用显示tab
+				if (len === 1) {
+					this.curTab = this.tabs[0].id
+					this.tabs = []
+				}
+				this.initList()
+			},
+			// 获取列表
 			getList() {
-				const method = this.curTab ? all : list
 				const data = {
 					businessManagerId: this.$util.getBmId(),
+					teamId: uni.getStorageSync('team').teamId,
 					customerType: this.customerType,
 					keywords: this.keyword,
 					pageNum: this.page,
-					pageSize: this.pageSize
+					pageSize: this.pageSize,
+					type: this.curTab // 团队:1 / 个人:0
 				}
-				if (this.curTab) data.businessManagerIds = uni.getStorageSync('team').businessManagerIds
-				method(data).then(({ data }) => {
+				all(data).then(({ data }) => {
 					// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值
 					this.list = this.reachBottom > 0 ? [...this.list, ...data.records] : data.records
 					this.page++ // 每次获取了数据后page+1
diff --git a/pages/index/index.vue b/pages/index/index.vue
index df49aab..b4e20c4 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -14,19 +14,19 @@
 		</view>
 		
 		<ul class="entry">
-			<li @click="$util.to('../clients/clients')">
+			<li v-if="auth('首页:客户')" @click="$util.to('../clients/clients')">
 				<image class="icon" src="@/static/image/index/index3.png" mode="widthFix"></image>
 				<view class="text">客户</view>
 			</li>
-			<li @click="$util.to('../plans/plans')">
+			<li v-if="auth('首页:方案')" @click="$util.to('../plans/plans')">
 				<image class="icon" src="@/static/image/index/index4.png" mode="widthFix"></image>
 				<view class="text">方案</view>
 			</li>
-			<li @click="$util.to('../orders/orders')">
+			<li v-if="auth('首页:订单')" @click="$util.to('../orders/orders')">
 				<image class="icon" src="@/static/image/index/index5.png" mode="widthFix"></image>
 				<view class="text">订单</view>
 			</li>
-			<li @click="$util.to('../products/products')">
+			<li v-if="auth('首页:产品')" @click="$util.to('../products/products')">
 				<image class="icon" src="@/static/image/index/index6.png" mode="widthFix"></image>
 				<view class="text">产品</view>
 			</li>
@@ -98,6 +98,7 @@
 				</view>
 			</view>
 		</view>
+		<view v-if="!per" class="per-mask">功能升级中，敬请期待...</view>
 	</view>
 </template>
 
@@ -107,6 +108,7 @@
 	export default {
 		data() {
 			return {
+				per: true, // 是否有权限
 				teamId: uni.getStorageSync('team').teamId || '',
 				list: [],
 				id: '',
@@ -114,50 +116,39 @@
 			}
 		},
 		onShow() {
-			this.getInfo()
+			this.initRole()
 		},
 		methods: {
+			// 初始化权限
+			initRole() {
+				if (!uni.getStorageSync('auth').includes('首页')) {
+					this.per = false
+				} else {
+					this.getInfo()
+				}
+			},
 			// 获取团队
 			getInfo() {
 				getTeamsByAccountId().then(({ data }) => {
-					if (data.length) {
-						// 全部分类
-						treeList().then(({ treeList }) => {
-							this.teamList = treeList
-							this.getId(treeList, '', data[0].teamId)
-							// 依据团队id查询团队下的全部商务经理(集合)
-							this.id && getTheBusinessManagerIdsUnderTheTeam(this.id).then(res => {
-								data[0].businessManagerIds = res
-								// 默认选择第一个团队
-								this.teamId = data[0].teamId
-								uni.setStorageSync('team', data[0])
-							}).catch(e => {})
-						}).catch(e => {})
+					data.map(e => {
+						const n = e.partnerClassificationList
+						e.teamId = n.id
+						e.partnerClassificationName = n.partnerClassificationName
+						delete e.partnerClassificationList
+					})
+					// 如果是第一次进，则默认选中第一个团队
+					if (data.length && !this.teamId) {
+						this.teamId = data[0].teamId
+						uni.setStorageSync('team', data[0])
 					}
 					this.list = data
 				}).catch(e => {})
 			},
-			// 查询返回的teamId所属的团队id
-			getId(list, parentId, id) {
-				list.map(e => {
-					if (e.id === id) {
-						this.id = e.isTeam ? id : parentId
-					} else {
-						this.getId(e.children, e.id, id)
-					}
-				})
-			},
 			// 团队选择回调
 			teamChange() {
 				const { teamId } = this
 				const e = this.list.find(e => e.teamId == teamId)
-				if (e) {
-					this.getId(this.teamList, '', e.teamId)
-					this.id && getTheBusinessManagerIdsUnderTheTeam(this.id).then(res => {
-						e.businessManagerIds = res
-						uni.setStorageSync('team', e)
-					}).catch(e => {})
-				}
+				uni.setStorageSync('team', e)
 			},
 			// 提示暂未开放
 			toPanel(i) {
diff --git a/pages/orders/orders.vue b/pages/orders/orders.vue
index 393790c..bcd1eea 100644
--- a/pages/orders/orders.vue
+++ b/pages/orders/orders.vue
@@ -26,7 +26,7 @@
 							<view class="info">
 								<view class="left">
 									<view class="line">
-										<text class="name">客户名称：</text>
+										<text class="name">订单名称：</text>
 										<text class="val">{{ item.customerName }}</text>
 									</view>
 									<view class="line">
@@ -63,7 +63,7 @@
 
 <script>
 	import { queryCustomer } from '@/apis/modules/client.js'
-	import { list, all, del } from '@/apis/modules/order.js'
+	import { list, del } from '@/apis/modules/order.js'
 	import slFilter from '@/components/sl-filter/sl-filter.vue'
 	export default {
 		data() {
@@ -167,21 +167,41 @@
 			try {
 				uni.removeStorageSync('courses')
 			} catch (e) {}
-			this.initList()
+			this.initRole()
 		},
 		methods: {
+			// 初始化权限
+			initRole() {
+				this.tabs = []
+				const auth = uni.getStorageSync('auth')
+				auth.includes('首页:订单:我的订单') && this.tabs.push({
+					name: '我的订单',
+					id: 0
+				})
+				auth.includes('首页:订单:团队全部订单') && this.tabs.push({
+					name: '团队全部订单',
+					id: 1
+				})
+				const len = this.tabs.length
+				// 只有一个的话，取第一个，而且不用显示tab
+				if (len === 1) {
+					this.curTab = this.tabs[0].id
+					this.tabs = []
+				}
+				this.initList()
+			},
 			getList() {
-				const method = this.curTab ? all : list
 				const data = {
 					businessManagerId: this.$util.getBmId(),
+					teamId: uni.getStorageSync('team').teamId,
 					keywords: this.keyword,
 					pageNum: this.page,
 					pageSize: this.pageSize,
 					sort: this.sort,
-					orderStatus: this.orderStatus
+					orderStatus: this.orderStatus,
+					type: this.curTab
 				}
-				if (this.curTab) data.businessManagerIds = uni.getStorageSync('team').businessManagerIds
-				method(data).then(({ data }) => {
+				list(data).then(({ data }) => {
 					// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值
 					const list = data.records
 					list.map(e => {
diff --git a/pages/person/person.vue b/pages/person/person.vue
index efe4491..ca4ff4a 100644
--- a/pages/person/person.vue
+++ b/pages/person/person.vue
@@ -6,25 +6,25 @@
 				<image class="avatar" :src="avatar" mode=""></image>
 				<view class="text">
 					<view class="name">{{ userName }}</view>
-					<view class="phone">1356231564</view>
+					<view class="phone">{{ my.info.phone }}</view>
 				</view>
 			</view>
 			<view class="list">
-				<view class="item">
+				<view v-if="auth('我的:我的收益')" class="item">
 					<view class="left">
 						<image class="icon" src="@/static/image/person1.png" mode=""></image>
 						<text class="name">我的收益</text>
 					</view>
-					<text class="val">231323元</text>
+					<text class="val">{{ my.myIncome}}元</text>
 				</view>
-				<view class="item">
+				<view v-if="auth('我的:团队收益')" class="item">
 					<view class="left">
 						<image class="icon" src="@/static/image/person2.png" mode=""></image>
 						<text class="name">团队收益</text>
 					</view>
-					<text class="val">231323元</text>
+					<text class="val">{{ my.teamIncome}}元</text>
 				</view>
-				<view class="item" @click="$util.to('../setting/setting')">
+				<view v-if="auth('我的:设置')" class="item" @click="$util.to('../setting/setting')">
 					<view class="left">
 						<image class="icon" src="@/static/image/person3.png" mode=""></image>
 						<text class="name">设置</text>
@@ -32,19 +32,50 @@
 				</view>
 			</view>
 		</view>
+		<view v-if="!per" class="per-mask">功能升级中，敬请期待...</view>
 	</view>
 </template>
 
 <script>
+	import { my } from '@/apis/modules/parner.js'
 	export default {
 		data() {
 			return {
+				per: true, // 是否有权限
+				my: {
+					info: {
+						phone: ''
+					},
+					myIncome: 0,
+					teamIncome: 0
+				},
 				avatar: uni.getStorageSync('avatar') || '@/static/image/avatar.png',
-				userName: uni.getStorageSync('userName'),
+				userName: uni.getStorageSync('userName')
 			}
 		},
+		onShow() {
+			this.initRole()
+		},
 		methods: {
-			
+			// 初始化权限
+			initRole() {
+				if (!uni.getStorageSync('auth').includes('我的')) {
+					this.per = false
+				} else {
+					this.getInfo()
+				}
+			},
+			// 获取个人信息
+			getInfo() {
+				const team = uni.getStorageSync('team')
+				my({
+					partnerId: team.partnerId,
+					teamId: team.teamId
+				}).then(({ my }) => {
+					this.my = my
+					uni.setStorageSync('info', my.info)
+				}).catch(e => {})
+			}
 		}
 	}
 </script>
@@ -55,7 +86,6 @@
 	height: 300rpx;
 }
 .wrap {
-	z-index: 2;
 	position: relative;
 	padding: 0 24rpx;
 	margin-top: -150rpx;
diff --git a/pages/plans/plans.vue b/pages/plans/plans.vue
index ee41a15..ed9d566 100644
--- a/pages/plans/plans.vue
+++ b/pages/plans/plans.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<view class="top">
-			<uni-search-bar class="search" radius="5" placeholder="请输入方案名称" clearButton="auto" cancelButton="none" @confirm="search" />
+			<uni-search-bar class="search" radius="100" placeholder="请输入方案名称" clearButton="auto" cancelButton="none" @confirm="search" />
 			<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="18" color="#007eff"></uni-icons>
 		</view>
 		
@@ -151,6 +151,9 @@
 	.search {
 		flex: 1;
 	}
+	/deep/.uni-searchbar__box {
+		height: 60rpx;
+	}
 }
 .list {
 	background-color: #fff;
diff --git a/pages/setting/setting.vue b/pages/setting/setting.vue
index 0c360d4..824ed5b 100644
--- a/pages/setting/setting.vue
+++ b/pages/setting/setting.vue
@@ -1,9 +1,9 @@
 <template>
 	<view>
 		<uni-list>
-			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="phoneIcon" title="手机号" rightText="135617623" />
-			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="mailIcon" title="邮箱" rightText="135617623" />
-			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="accountIcon" title="账号" rightText="135617623" />
+			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="phoneIcon" title="手机号" :rightText="info.phone" />
+			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="mailIcon" title="邮箱" :rightText="info.email" />
+			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="accountIcon" title="账号" :rightText="info.account" />
 			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="pwdIcon" title="密码" rightText="******" clickable  @click="toPage('../password/password')" />
 		</uni-list>
 	</view>
@@ -26,13 +26,14 @@
 				accountIcon: {
 					color: '#007eff',
 					size: '22',
-					type: 'account'
+					type: 'person'
 				},
 				pwdIcon: {
 					color: '#007eff',
 					size: '22',
 					type: 'locked'
-				}
+				},
+				info: uni.getStorageSync('info')
 			}
 		},
 		methods: {
diff --git a/pages/teams/teams.vue b/pages/teams/teams.vue
index 52edf93..82c5143 100644
--- a/pages/teams/teams.vue
+++ b/pages/teams/teams.vue
@@ -25,7 +25,8 @@
 		</template>
 		<empty v-else></empty>
 		
-		<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('../addStaff/addStaff')"></uni-icons>
+		<uni-icons v-if="auth('团队:邀请成员')" class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('../addStaff/addStaff')"></uni-icons>
+		<view v-if="!per" class="per-mask">功能升级中，敬请期待...</view>
 	</view>
 </template>
 
@@ -34,6 +35,7 @@
 	export default {
 		data() {
 			return {
+				per: true, // 是否有权限
 				reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据
 				status: 'more', // 上拉加载状态 more|loading|noMore
 				searchTimer: null,
@@ -67,9 +69,19 @@
 			}
 		},
 		onShow() {
-			this.initList()
+			this.initRole()
 		},
 		methods: {
+			// 初始化权限
+			initRole() {
+				const auth = uni.getStorageSync('auth')
+				if (!auth.includes('团队')) {
+					this.per = false
+				} else if (auth.includes('团队:团队列表')) {
+					this.initList()
+				}
+			},
+			// 获取列表
 			getList() {
 				teamList({
 					pageNum: this.page,
diff --git a/styles/common.scss b/styles/common.scss
index d0fe58f..b8e5098 100644
--- a/styles/common.scss
+++ b/styles/common.scss
@@ -162,4 +162,18 @@ ul {
 		border-radius: 10rpx;
 		background-color: #007EFF;
 	}
+}
+.per-mask {
+	z-index: 3;
+	position: fixed;
+	top: 0;
+	left: 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	height: 100%;
+	font-size: 28rpx;
+	color: #333;
+	background-color: rgba(255, 255, 255, 0.95);
 }
\ No newline at end of file