feat: 选择题库-添加页面

src/pages.json

@@ -64,6 +64,16 @@
 						"enablePullDownRefresh": false,
 						"disableScroll": true
 					}
+				},
+				{
+					"path": "addExam",
+					"name": "learnAddExam",
+					"style": {
+						"navigationBarTitleText": "选择题库",
+						"navigationStyle": "custom",
+						"enablePullDownRefresh": false,
+						"disableScroll": true
+					}
 				}
 			]
 		},

src/pages/learn/selectCategory.vue

@@ -2,14 +2,14 @@
   <view class="select-category">
     <u-navbar
       back-icon-color="#333333"
-      background="#FFFFFF"
+      background="transparent"
       title="题库选择"
       titleColor="#191C27"
       :border-bottom="false"
       title-bold
     ></u-navbar>
     <!-- 标签列表 -->
-    <view class="elect-category-content">
+    <view class="select-category-content">
       <view v-for="(item, key) in labels" :key="key" class="label-list">
         <view class="label-title" v-if="key == secondKey">
           <!-- 品类title -->
@@ -82,7 +82,6 @@ export default {
     // 选中标签
     handleClick(key, label) {
       this.selected[key] = label
-      console.log('------handleClick--------')
       if (key == key1) {
         // 选中一级标签
         this.selected[key2] = {} // 清空选二级标签
@@ -91,8 +90,11 @@ export default {
         // 选中二级标签
         this.$u.route({
           type: 'redirect',
-          url: 'pages/learn/select-add',
-          param: {},
+          url: 'pages/learn/addExam',
+          params: {
+            name: '金属冶炼(有色金属冶炼<除铜、铝、铅、锌之外的其他有色金属>',
+            id: '888',
+          },
         })
       }
     },
@@ -115,7 +117,6 @@ export default {
       //     this.labels[key] = res.data || [];
 
       for (var i = 0; i < 10; i++) {
-        console.log(i)
         // 测试模拟多条数据
         this.labels[key].push({
           name: '特种作业人员',
@@ -139,13 +140,14 @@ export default {
 
 <style lang="scss" scoped>
 .select-category {
-  background-color: #f4f5f7;
   height: 100vh;
   display: flex;
   flex-direction: column;
-  background-color: #f4f5f7;
-
-  .elect-category-content {
+  background-color: #f8fafd;
+  background-image: linear-gradient(to top, #f8fafd 0%, #e9f3ff 50%);
+  background-size: 100% 520rpx;
+  background-repeat: no-repeat;
+  .select-category-content {
     padding: 0 0 30rpx 24rpx;
     height: 100%;
     overflow: auto;