背景设置

src/views/index/index.vue

@@ -15,32 +15,8 @@
           >
             第二视角
           </button>
-          <!-- <button
-            :class="type == 3 ? 'active-btn' : 'default-btn'"
-            @click="getType(3)"
-          >
-            第三视角
-          </button>
-          <button
-            :class="type == 4 ? 'active-btn' : 'default-btn'"
-            @click="getType(4)"
-          >
-            第四视角
-          </button>
-          <button
-            :class="type == 5 ? 'active-btn' : 'default-btn'"
-            @click="getType(5)"
-          >
-            第五视角
-          </button>
-          <button
-            :class="type == 6 ? 'active-btn' : 'default-btn'"
-            @click="getType(6)"
-          >
-            第六视角
-          </button> -->
         </div>
-        <pie ref="zutai"  :width="200" :height="400":backgroundImage="pic1"> </pie>
+        <pie ref="zutai"  :width="400" :height="200":backgroundUrl="pic1"> </pie>
       </el-col>
     </el-row>
   </div>
@@ -68,17 +44,24 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.left-bar{
+  padding:0  20px;
+}
 .default-btn {
   width: 145px;
-  height: 58px;
+  height: 38px;
   background: #ffffff;
   border-radius: 29px;
+  cursor: pointer;
+  margin-right: 10px;
 }
 .active-btn {
   width: 145px;
-  height: 58px;
+  height: 38px;
   background: #ffffff;
   border-radius: 29px;
+  cursor: pointer;
+  margin-right: 10px;
 }
 .pageindex {
   width: 100%;