修改导航页

rc-busness/pages/productdetails/userdetails.vue

@@ -10,6 +10,19 @@
                  <img :src=item.catimage alt="">
              </li>
          </ul>
+            <ol>
+             <li v-for="(item,index) in usermessage" :key="index" @click="usertiao(item,index)">
+                 <img :src=item.catimage alt="">
+                 <span>{{item.address}}</span>
+               
+             </li>
+         </ol>
+          <!-- <ol>
+           <li v-for="(usermes,index) in usermessage" :key="index" @click="huangjia(item,index)" ></li>
+                <span>{{usermes.address}}</span>
+                 <img :src=usermes.catimage alt="">
+          </ol> -->
+
      </div>
 
   </div>
@@ -54,6 +67,40 @@ data(){
           catimage: require("../../assets/image/rc-left.png"),
         },
       ],
+
+
+           usermessage: [
+        {
+          address: "皇家官方公众号",
+        
+         catimage: require("../../assets/image/weixin.png"),
+        },
+        {
+          address: "皇家爱宠荟",
+         
+        catimage: require("../../assets/image/xiaochenxu.png"),
+        },
+            {
+          address: "皇家官方社群",
+        
+          catimage: require("../../assets/image/weixin.png"),
+        },
+        {
+          address: "微博",
+         
+          catimage: require("../../assets/image/weibo.png"),
+        },
+          {
+          address: "与我们联系",
+        
+           catimage: require("../../assets/image/xiaochenxu.png"),
+        },
+        {
+          address: "关于我们",
+         
+          catimage: require("../../assets/image/rc-left.png"),
+        },
+      ],
  }
 },
 methods:{
@@ -187,6 +234,29 @@ color: #444444;
            }
       }
     }
+
+    ol{
+      display: flex;
+      flex-direction: column;
+       border-bottom: 1px solid #D7D7D7;
+      font-size: 16px;
+      color: #444444; 
+
+      li{
+         border-bottom: 1px solid #D7D7D7;
+         display: flex;
+         align-items: center;
+         height: 50px;
+         span{
+           margin-left: 10px;
+         }
+      }
+      img{
+        width: 23px;
+        height: 19px;
+        display: block;
+      }
+    }
   }
 }
 //    /* 最小768px最大1920 *pc端/