会员福利页面占位

pages/index/welfare.vue

@@ -1,13 +1,76 @@
 <template>
-  <view>
-	  
-  </view>
+  <layout-page>
+		<view class="ss-p-b-30">
+			<view class="d-flex">
+				<view v-for="(item, index) in itemList" :key="index" 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>
+				</view>
+			</view>
+	
+			<view style="height: 10rpx; 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 || ''"></uni-list-item>
+				</uni-list>
+			</view>
+		</view>
+	</layout-page>
 </template>
 
 <script setup>
+import layoutPage from '@/layout'
 
-</script>
+const itemList = [
+	{ title: "面试管理", path: "/pagesA/interview/index", icon: "list" },
+	{ title:'谁看过我', path:'/pagesA/seenMe/index', icon:'staff' }
+]
 
-<style lang="scss" scoped>
+const list = [
+	{	title: '附件简历',	path: '/pagesA/resume/index'	},					
+	{ title: '我的收藏', path: '/pagesA/collect/index' },
+	{ title: '前往门墩儿甄选商城', appId: 'wx6decdf12f9e7a061' },
+	{ title: '切换为招聘者', rightTex: '我要招人' }
+]
+</script>
 
-</style>
+<style scoped lang="scss">
+::v-deep .uni-list-item{
+	height: 140rpx !important;
+	line-height: 140rpx !important;
+}
+::v-deep .uni-list-item__content-title{
+	font-size: 32rpx !important;
+	font-weight: 500;
+}
+.colors{
+	font-size: 24rpx;
+	color: #606266;
+}
+.size-16{
+	color: #3f424f;
+	font-size: 32rpx;
+	margin: 13rpx 0 5rpx 0;
+}
+.parent{
+	width: 50%;
+	border: 1px solid #f4f4f4;
+	border-radius: 10rpx;
+	margin: 0 30rpx 20rpx 30rpx;
+	padding: 20rpx;
+}
+.parent:first-child{
+	margin: 0 0 20rpx 30rpx;
+}
+</style>