知识库列表新增积分

个人中心页面调整

pages/highServer/knowledge/knowledge.vue

@@ -26,6 +26,10 @@
 					    <!-- <em class="iconfont icon-jifen"></em> -->
 					</span>
 					<view class="ck">
+						<span class="jf">
+						    <em class="iconfont icon-jifen"></em>
+							{{ item.jf || 0 }}
+						</span>
 						<span>
 							<em class="iconfont icon-shoucang"></em>
 							{{ item.watchNum }}

pages/me/me.vue

@@ -1,20 +1,25 @@
 <template>
 	<!-- pages/me.wxml -->
-	<view class="uni-container">
-		<view class="uni-header-logo">
+	<view class="uni-container" style="padding: 0;">
+		<view class="uni-header-logo header-custom">
 			<img
 				@headImg="uploadHeadImg"
 				@click="updateImg"
 				class="uni-header-image"
-				:src="initInfo.headImg == null || initInfo.headImg == '' ? initImgPath : loadImgSrcLocalhost(initInfo.headImg)"
+				:src="!initInfo.headImg || initInfo.headImg == '' ? loadImgSrcLocalhost(testPic) : loadImgSrcLocalhost(initInfo.headImg)"
+				style="margin-left: 5%;border-radius: 45px;border: 1px solid #89DDFF;"
 			/>
-			<span>{{ initInfo.name == null || initInfo.name == '' ? initInfo.wechatName : initInfo.name }}</span>
-			<text>{{ initInfo.scoreNum }}</text>
+			<view class="userInfo">
+				<span>{{ initInfo.name == null || initInfo.name == '' ? initInfo.wechatName : initInfo.name }}</span>
+				<text>积分：{{ initInfo.scoreNum }}</text>
+			</view>
 		</view>
-		<view class="uni-panel" v-for="(item, index) in list" :key="item.id">
-			<view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="goDetailPage(item.id)">
-				<text class="uni-panel-text">{{ item.name }}</text>
-				<text class="uni-panel-icon uni-icon" :class="item.open ? 'uni-panel-icon-on' : ''">{{ item.pages ? '&#xe581;' : '&#xe470;' }}</text>
+		<view class="panel-contain">
+			<view class="uni-panel" v-for="(item, index) in list" :key="item.id">
+				<view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="goDetailPage(item.id)">
+					<text class="uni-panel-text">{{ item.name }}</text>
+					<text class="uni-panel-icon uni-icon" :class="item.open ? 'uni-panel-icon-on' : ''">{{ item.pages ? '&#xe581;' : '&#xe470;' }}</text>
+				</view>
 			</view>
 		</view>
 	</view>
@@ -26,6 +31,7 @@ import { getToken } from '@/utils/auth';
 export default {
 	data() {
 		return {
+			testPic:'/profile/upload/2024/03/14/9dvR5kqPY4D64a27be3ba1f2bd3095eaa1ad61221bed_20240314150249A005.jpg',
 			headers: {
 				Authorization: 'Bearer ' + getToken()
 			},
@@ -40,7 +46,7 @@ export default {
 			list: [
 				{
 					id: 'me/meOperate/meOperate', //id是文件路径
-					name: '我的积分流水',
+					name: '积分流水',
 					open: false
 				},
 				{
@@ -65,7 +71,7 @@ export default {
 				},
 				{
 					id: 'me/myPayKnow/myPayKnow',
-					name: '我的付费知识',
+					name: '付费知识',
 					open: false
 				}
 			],
@@ -145,4 +151,53 @@ export default {
 </script>
 <style>
 @import './me.css';
+.header-custom{
+	margin: 0;
+	padding: 0;
+	background-color: #07C160;
+	height: 30vh;
+	padding-top: 8%;
+}
+.panel-contain{
+	position: absolute;
+	top: 25%;
+	z-index: 100;
+	width: 100%;
+	height: 75vh;
+	padding-top: 30%;
+	border-top-right-radius: 25px;
+	border-top-left-radius: 25px;
+	background-color: #fff;
+}
+.uni-panel {
+	position: relative;
+    width: 90%;
+    margin: auto;
+    margin-bottom: 12px;
+	border-bottom: 3px solid #FCFCFC;
+}
+.uni-panel::after{
+	position: absolute;
+	content: '';
+	width: 20px;
+	height: 20px;
+	top: 28%;
+	right: 0%;
+	background: url('@/static/images/more/enter.png');
+	background-size: 100% 100%;
+}
+.userInfo{
+	position: absolute;
+	top: 7%;
+	left: 32%;
+	font-weight: 700;
+	font-size: 18px;
+	color: #fff;
+}
+.userInfo text {
+	display: block;
+	margin-top: 11%;
+	font-size: 15px;
+	font-weight: 100;
+}
 </style>