tijiao

pages/courseInformation/instructionsForUse/index.vue

@@ -1,13 +1,17 @@
-<template><page-meta
-  :page-font-size="$baseFontSize() + 'px'"
-  :root-font-size="$baseFontSize() + 'px'"
-></page-meta>
+<template>
+  <page-meta
+    :page-font-size="$baseFontSize() + 'px'"
+    :root-font-size="$baseFontSize() + 'px'"
+  ></page-meta>
   <view class="componentPage">
     <!-- 公共组件-每个页面必须引入 -->
 
     <view class="fixed">
       <block v-for="(v, index) in cateIconList" :key="index">
-        <view :class="`bg${index} PM_font rightButton`" :data-index="index" @click="getViewId"
+        <view
+          :class="`bg${index} PM_font rightButton`"
+          :data-index="index"
+          @click="getViewId"
           >{{ v.title }}</view
         >
       </block>
@@ -19,28 +23,17 @@
       scroll-with-animation
     >
       <block v-for="(v, index) in cateIconList" :key="index">
-      
-      
         <view :id="`cont${index}`" :class="`bg${index}`">
-        
-            <view class="cate_item_box">
-                  <view class="cate_item_border">
-                    <image
-                      :src="
-                        cateIconList.find((e) => v.title == e.title)
-                          .imgUrl
-                      "
-                      mode="aspectFill"
-                      :style="
-                        cateIconList.find((e) => v.title == e.title)
-                          .style
-                      "
-                    ></image>
-                  </view>
-                  <view class="cate_item_name">{{ v.title }}</view>
-                </view>
-        
-        
+          <view class="cate_item_box">
+            <view class="cate_item_border">
+              <image
+                :src="cateIconList.find((e) => v.title == e.title).imgUrl"
+                mode="aspectFill"
+                :style="cateIconList.find((e) => v.title == e.title).style"
+              ></image>
+            </view>
+            <view class="cate_item_name">{{ v.title }}</view>
+          </view>
         </view>
       </block>
     </scroll-view>
@@ -172,7 +165,7 @@ export default {
   },
   methods: {
     getViewId(e) {
-    console.log('e at line 88:', e)
+      console.log("e at line 88:", e);
       this.viewid = "cont" + e.currentTarget.dataset.index;
     },
     goCourseDescription(v) {
@@ -307,7 +300,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@/style/mixin.scss';
+@import "@/style/mixin.scss";
 .commonPageBox {
   padding: 40rpx 0;
 }
@@ -351,48 +344,46 @@ export default {
 }
 
 .scroll view {
-//   width: 100%;
-//   height: 1000rpx;
-}.rightButton{
-    font-size: 48rpx;
-    text-align: center;
-    color: $themeColor;
+  //   width: 100%;
+  //   height: 1000rpx;
+}
+.rightButton {
+  font-size: 48rpx;
+  text-align: center;
+  color: $themeColor;
 }
 .cate_item_box {
-    width: 100%;
-    height: auto;
+  width: 100%;
+  height: auto;
+  display: flex;
+  align-items: center;
+  background-color: $themeColor;
+  padding: 0 20rpx;
+  .cate_item_border {
+    width: 60rpx;
+    height: 78rpx;
+    // padding: 10rpx;
+    background-size: 100% 100%;
+    // background-image: url("@/static/icon/homePage/cate_bg.png");
+    border-radius: 4rpx;
     display: flex;
     align-items: center;
-    background-color: $themeColor; padding: 0 20rpx;
-    .cate_item_border {
-       
-        
-        
-        width: 60rpx;
-        height: 78rpx;
-        // padding: 10rpx;
-      background-size: 100% 100%;
-        // background-image: url("@/static/icon/homePage/cate_bg.png");
-      border-radius: 4rpx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
+    justify-content: center;
 
-      image {
-        // height: 56rpx;
-      }
-    }
-
-    .cate_item_name {
-      margin-left: 21rpx;
-      font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
-
-      font-weight: normal;
-      font-size: 42rpx;
-      color: #000000;
-      // line-height: 46rpx;
-      text-align: center;
-      
+    image {
+      // height: 56rpx;
     }
   }
+
+  .cate_item_name {
+    margin-left: 21rpx;
+    font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+
+    font-weight: normal;
+    font-size: 42rpx;
+    color: #000000;
+    // line-height: 46rpx;
+    text-align: center;
+  }
+}
 </style>