浏览代码

样式调整

zhengnaiwen_citu 7 月之前
父节点
当前提交
9158719c93
共有 1 个文件被更改,包括 35 次插入24 次删除
  1. 35 24
      pages/index/my.vue

+ 35 - 24
pages/index/my.vue

@@ -6,32 +6,33 @@
 				<view v-if="!useUserStore.isLogin" class="font-weight-bold font-size-20">点击登录</view>
 				<view v-else class="font-weight-bold font-size-20">{{ baseInfo?.name || userInfo?.phone }}</view>
 			</view>
-			<view style="padding: 40rpx 0;">
+			<view style="padding: 40rpx 0 0 0;">
 				<resume-status></resume-status>
 			</view>
 			
 			<view class="d-flex">
 				<view v-for="(item, index) in itemList" :key="index" @tap="handleToLink(item)" class="parent">
-					<view class="d-flex justify-space-between">
-						<view>
-							<view class="colors">
-								<span>查看更多</span>
-								<uni-icons color="#c8c5c4" type="right" size="15" class="ml"/>
-							</view>
-							<view class="size-16">{{ item.title }}</view>
-						</view>
-						<view>
-							<uni-icons color="#00897B" :type="item.icon" size="45"/>
-						</view>
+					<view class="d-flex justify-space-around align-center">
+						<uni-icons color="#00897B" :type="item.icon" size="30"/>
+						<text class="itemText">{{ item.title }}</text>
 					</view>
 				</view>
 			</view>
 	
-			<view style="height: 10rpx; background-color: #f8f8fa;"></view>
+			<view style="height: 20rpx; background-color: #f8f8fa;"></view>
 	
 			<view class="card">
 				<uni-list>
-					<uni-list-item v-for="item in list" :clickable="true" :key="item.title" :title="item.title" showArrow :rightText="item.rightTex || ''" @click="handleToLink(item)"></uni-list-item>
+					<uni-list-item
+						v-for="item in list"
+						:clickable="true"
+						:key="item.title"
+						:title="item.title"
+						showArrow
+						:rightText="item.rightTex || ''"
+						@click="handleToLink(item)"
+					>
+					</uni-list-item>
 				</uni-list>
 			</view>
 	
@@ -68,15 +69,15 @@ const baseInfo = computed(() => useUserStore?.baseInfo)
 const userInfo = computed(() => useUserStore?.userInfo)
 const popup = ref()
 const itemList = [
-	{ title: "面试管理", path: "/pagesA/interview/index", icon: "list" },
-	{ title:'谁看过我', path:'/pagesA/seenMe/index', icon:'staff' }
+	{ title: "我的关注", path: "/pagesA/collect/index", icon: "list" },
+	{ title:'关注我的', path:'/pagesA/seenMe/index', icon:'staff' }
 ]
 
 const list = [
-	{	title: '附件简历',	path: '/pagesA/resume/index'	},					
-	{ title: '我的收藏', path: '/pagesA/collect/index' },
-	{ title: '前往门墩甄选商城', appId: 'wx6decdf12f9e7a061' },
-	{ title: '切换为招聘者', rightTex: '我要招人' }
+	{	title: '我的简历',	path: '/pagesA/resume/index'	},					
+	{ title: '面试管理', path: '/pagesA/interview/index' },
+	{ title: '门墩甄选', appId: 'wx6decdf12f9e7a061' },
+	{ title: '我要招聘', key: 'recruit' }
 ]
 
 // 列表跳转
@@ -88,6 +89,12 @@ const handleToLink = (item) => {
 		})
 		return
 	}
+	if (item.key === 'recruit') {
+		uni.showToast({
+			title: '请前往网页版门墩招聘',
+			icon: 'none'
+		})
+	}
 	if (!item.path) return
   if (!getAccessToken()) {
 		uni.showToast({
@@ -135,11 +142,11 @@ const handleLogoutConfirm = () => {
   border: 2rpx solid #ccc;
   border-radius: 50%;
 }
-::v-deep .uni-list-item{
-	height: 140rpx !important;
-	line-height: 140rpx !important;
+:deep(.uni-list-item) {
+	height: 120rpx !important;
+	line-height: 120rpx !important;
 }
-::v-deep .uni-list-item__content-title{
+:deep(.uni-list-item__content-title) {
 	font-size: 32rpx !important;
 	font-weight: 500;
 }
@@ -152,6 +159,10 @@ const handleLogoutConfirm = () => {
 	font-size: 32rpx;
 	margin: 13rpx 0 5rpx 0;
 }
+.itemText {
+	color: #3f424f;
+	font-size: 36rpx;
+}
 .parent{
 	width: 50%;
 	border: 1px solid #f4f4f4;