add navi width

src/components/navicard/index.vue

 
 <style lang="less" scoped>
 .nav-card {
+  min-width: 314px;
   background:rgba(255,255,255,1);
   box-shadow:0px 1px 14px 0px rgba(65,101,242,0.2);
   border-radius:10px;
 
   &.active {
     padding-top: 0;
+    min-width: 414px;
 
     .header {
       font-size:15px;

src/components/pages/productCenter/prodNavi.vue

 <template>
   <div>
-    <naviCard v-bind="productOrder" @click="handleCardClick" :active.sync="activeCard.product" style="width: 400px;"></naviCard>
-    <naviCard v-bind="smartScenes" @click="handleCardClick" :active.sync="activeCard.case" style="width: 400px;"></naviCard>
-    <naviCard v-bind="smartCommunity" @click="handleCardClick" :active.sync="activeCard.community" style="width: 400px;"></naviCard>
+    <naviCard v-bind="productOrder" @click="handleCardClick" :active.sync="activeCard.product"></naviCard>
+    <naviCard v-bind="smartScenes" @click="handleCardClick" :active.sync="activeCard.case"></naviCard>
+    <naviCard v-bind="smartCommunity" @click="handleCardClick" :active.sync="activeCard.community"></naviCard>
   </div>
 </template>