图文资源界面

kcui/src/view/TWInfo.vue

@@ -33,16 +33,17 @@
       <div class="rightContent">
         <img src="../assets/img/rightBox.png"
              style="height: 98%;width: 100%;margin-top: 1%;position: absolute;z-index: 1;">
-        <div class="rigthHeadInfo" style="position: relative;">
+        <div class="rigthHeadInfo" style="position: relative;" >
           <div
-              style="display: flex;flex-direction: row;position: absolute;z-index: 2;margin-top: 2.9vw;margin-left: 2.7%;">
+              style="display: flex;flex-direction: row;position: absolute;z-index: 1;margin-top: 2.9vw;margin-left: 3%;">
-            <div v-for="item in typeList" :key="item" style="position: relative;margin-right: 1vw;">
+            <div v-for="item in typeList" :key="item" style="position: relative;margin-right: 1vw;" @click="changeType(item)">
-              <img src="../assets/img/typeHead.png" style="width: 7vw;object-fit: contain;">
+              <img src="../assets/img/typeHead.png" style="width: 7vw;object-fit: contain;" >
-              <div style="position: absolute;z-index: 3;color: #ffffff;top: 0.3vw;left: 1.8vw;">{{ item }}</div>
+              <div style="position: absolute;z-index: 12121;color: #ffffff;top: 0.3vw;left: 1.8vw;" >{{ item }}</div>
             </div>
           </div>
-          <img src="../assets/img/rightHead.png"
+          <div style="width: 94%;height:3vw;position: absolute;z-index: 1;top: 4.9vw;left: 3%;background-color: #0c3068;box-shadow:  0px -9px 10px 0px  rgb(75,230,255);"></div>
-               style="width: 96%;height:5vw;position: absolute;z-index: 2;margin-top: 3vw;margin-left: 2%;">
+<!--          <img src="../assets/img/rightHead.png"-->
+<!--               style="width: 96%;height:5vw;position: absolute;z-index: 1;top: 3.1vw;left: 2%;">-->
           <div style="width: 94.4%;height: 2.9vw;position: absolute;z-index: 2;margin-left: 2.6%;top: 5vw;">
             <div
                 style="width: 100%;height: 100%;display: flex;flex-direction: row;line-height: 2.9vw;text-align: center;color: #ffffff;">
@@ -64,10 +65,11 @@
             </div>
           </div>
           <div class="pageList">
-              <div style="float: left;margin-right: 0.1vw;">...</div>
+              <div style="float: left;margin-right: 0.1vw;" @click="choosePage(onePagesList[0]-1)">...</div>
-              <div v-for="item in onePagesList" :key="item" @click="choosePage(item)"
+              <div v-for="item in onePagesList" :key="item" @click="choosePage(item)">
-                   style="width: 1.4vw;height: 1.4vw;border-radius: 50%;background-color: #082e56;margin-top: 0.25vw;font-size: 0.5vw;
+                <div style="width: 1.4vw;height: 1.4vw;border-radius: 50%;background-color: #082e56;margin-top: 0.25vw;font-size: 0.5vw;
                    text-align: center;line-height: 1.6vw;margin-left: 1vw;margin-right: 1vw; box-shadow: inset 0 0 14px 1px  rgb(75,230,255);">{{item}}</div>
+              </div>
               <div style="float: left;margin-left: 0.1vw;">...</div>
           </div>
         </div>
@@ -107,6 +109,11 @@ export default {
 
   },
   methods: {
+    changeType(item){
+      console.log("dhjasdhkahdkjahskjhdkj")
+      this.twType = item;
+      this.getContentList();
+    },
     choosePage(item){
       console.log(item);
       this.pageNum = item;
@@ -115,7 +122,7 @@ export default {
     getContentList() {
       var data = {
         name: this.selectName,
-        type: this.twType,
+        twType: this.twType,
         pageNum: this.pageNum,
         pageSize: this.pageSize
       }