修改菜单显示

src/views/casesAndClients/IOT/index.vue

@@ -19,6 +19,11 @@
     <div class="list">
       <div v-for="(i,k) in contentList">
         <div v-if="k%2 === 1" class="item1">
+          <div class="view">
+          <span>
+            查看详情
+          </span>
+          </div>
           <div class="left">
             <div class="itemTitle">{{ i.caseInfoTitle }}</div>
             <div class="itemInfo">
@@ -31,13 +36,13 @@
               :src="i.caseInfoPic"
               fit="contain"></el-image>
           </div>
-          <div class="view">
-          <span>
-            查看详情
-          </span>
-          </div>
         </div>
         <div v-if="k%2 === 0" class="item2">
+          <div class="view">
+          <span>
+            查看详情
+          </span>
+          </div>
           <div class="left">
             <el-image
               style="width: 100%; height: 100%;"
@@ -50,11 +55,6 @@
               {{ i.caseInfoDesc }}
             </div>
           </div>
-          <div class="view">
-          <span>
-            查看详情
-          </span>
-          </div>
         </div>
       </div>
     </div>
@@ -197,6 +197,7 @@ export default {
     .left {
       display: inline-block;
       width: 55%;
+      vertical-align: top;
 
       .itemTitle {
         font-size: 1.6vw;
@@ -243,12 +244,14 @@ export default {
       display: inline-block;
       width: 41%;
       margin-right: 4%;
+      height: 100%;
     }
 
     .right {
 
       display: inline-block;
       width: 55%;
+      vertical-align: top;
 
       .itemTitle {
         font-size: 1.6vw;
@@ -272,7 +275,8 @@ export default {
       width: calc(100% - 3vw);
       height: 3.7vw;
       line-height: 3.7vw;
-      padding-left: 3vw;
+      padding-right: 3vw;
+      text-align: right;
       font-size: 1.2vw;
       color: #fff;
       background-color: #3372ff;

src/views/contactUs/companyProfile.vue

@@ -63,7 +63,7 @@ export default {
 .content {
   display: inline-block;
   width: 62vw;
-  height: 20.1vw;
+  //height: 20.1vw;
   border: 1px solid #ccc3;
   margin-top: 3.7vw;
   margin-bottom: 5.2vw;
@@ -97,13 +97,12 @@ export default {
 
     .contentInfo {
       text-align: left;
-      position: absolute;
+      //position: absolute;
-      top: 34.6%;
+      margin-top: 16.5%;
       width: 78%;
-      left: 50%;
+      margin-left: 50%;
-      height: 11vw;
+      //height: 11vw;
       //overflow: hidden;
-      -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       letter-spacing: 2.5px;
       font-size: 0.8vw;
@@ -116,6 +115,9 @@ export default {
     display: inline-block;
     width: 35%;
     height: 100%;
+    margin-top: 50%;
+    transform: translateY(-50%);
+    vertical-align: top;
   }
 }
 </style>

src/views/productCenter/index.vue

@@ -7,7 +7,7 @@
         fit="contain"></el-image>
       <div class="bannerInfo">{{ bannerTitle }}</div>
       <el-button type="primary" class="bannerBtn">免费体验</el-button>
-      <div class="tabs" >
+      <div class="tabs">
         <div class="content">
           <div v-for="(i,k) in tabsList" @click="checkTabs(i,k)" :class="`tab ${tabsActive === k ? 'active':''}`"
                :style="`width:${tabsActive === k ? `calc(${100/tabsList.length}% - 3px)`:`${100/tabsList.length}%`}`">
@@ -16,7 +16,7 @@
         </div>
       </div>
     </div>
-    <div >
+    <div>
       <div v-for="i in contentList">
         <platformAdvantages class="platformAdvantages" :configTypeId="configTypeId" v-if="i.configModal === '1'"
                             :data="i"/>
@@ -31,15 +31,15 @@
         <TechnicalArchitecture class="technicalArchitecture" :configTypeId="configTypeId" v-if="i.configModal === '6'"
                                :data="i"/>
         <platformFeatures class="platformFeatures" :configTypeId="configTypeId" v-if="i.configModal === '7'" :data="i"/>
-        <HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8' && k===0" :data="i"/>
+        <HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8'  " :data="i"/>
-        <UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' && k===1" :data="i"/>
+        <UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' " :data="i"/>
-        <DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9' && k===2" :data="i"/>
+        <!--        <DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9' && k===2" :data="i"/>-->
       </div>
     </div>
-<!--    <div v-if="tabsActive === 1">-->
+    <!--    <div v-if="tabsActive === 1">-->
-<!--      <div v-for="(i, k) in contentList">-->
+    <!--      <div v-for="(i, k) in contentList">-->
-<!--      </div>-->
+    <!--      </div>-->
-<!--    </div>-->
+    <!--    </div>-->
     <ContactUs class="contactUs"/>
     <Copyright class="copyright"/>
   </div>
@@ -127,7 +127,7 @@ export default {
       }).then(e => {
         this.tabsList = e.rows
         this.configTypeId = e.rows?.[0]?.configTypeId
-        if(e.rows?.[0]?.configTypeId){
+        if (e.rows?.[0]?.configTypeId) {
           this.getContentList(e.rows?.[0]?.configTypeId)
         }
       })