feature-hub-1.0: 素材管理界面构原型

pages.json

@@ -24,7 +24,7 @@
 		}, {
 			"path": "pages/index/material/material",
 			"style": {
-				"navigationBarTitleText": "",
+				"navigationBarTitleText": "素材管理",
 				"enablePullDownRefresh": false
 			}
 

pages/index/index.vue

@@ -85,7 +85,7 @@
 					},
 					{
 						typeId: 4,
-						text: '朋友圈动图',
+						text: '朋友圈',
 						num: '',
 					},
 					{
@@ -95,7 +95,7 @@
 					},
 					{
 						typeId: 6,
-						text: 'apple watch',
+						text: 'iwatch',
 						num: ''
 					}
 				]

pages/index/material/material.vue

@@ -1,6 +1,9 @@
 <template>
 	<view>
-		我是素材管理界面
+		<uni-segmented-control :current="statusCurrent" :values="statusList" :style-type="styleType"
+							:active-color="activeColor" @clickItem="onClickStatus" />
+							<uni-segmented-control :current="ttypeCurrent" :values="typeList" :style-type="styleType"
+												:active-color="activeColor" @clickItem="onClickType" />
 	</view>
 </template>
 
@@ -8,11 +11,20 @@
 	export default {
 		data() {
 			return {
-				
+				statusCurrent: 0,
+				activeColor: '#007aff',
+				styleType: 'text',
+				statusList: ['已上架', '已下架','待审核','审核通过','审核未通过'],
+				typeList:['头像','Gif动图','手机壁纸','朋友圈','表情包','iwatch'],
 			} 
 		},
 		methods: {
-			
+			onClickStatus(e1){
+				console.log('statusE',e1)
+			},
+			onClickType(e2){
+				console.log('typeE',e2)
+			},
 		}
 	}
 </script>