瀏覽代碼

首页样式修改,充值功能99折

dujingxian 4 年之前
父節點
當前提交
27282842bc

二進制
src/assets/image/more_serve@3x.png


二進制
src/assets/image/oil_recharge@2x.png


二進制
src/assets/image/oil_recharge@3x.png


二進制
src/assets/image/phone_recharge@2x.png


二進制
src/assets/image/phone_recharge@3x.png


+ 21 - 13
src/views/index/index.vue

@@ -19,11 +19,21 @@
             </el-carousel>
         </div>
         <section class="index-main">
-            <el-row class="classification">
-                <el-col :span="24" @click.native="$router.push('/calc')">
-                    <img src="../../assets/image/ico_04@2x.png" style="width: 100%" alt="">
+            <!-- 充值服务 -->
+            <el-row>
+                <el-col :span="24">
+                    <img src="../../assets/image/recharge@2x.png" style="width: 70%;" alt="">
+                </el-col>
+            </el-row>
+            <el-row :gutter="12">
+                <el-col :span="12" @click.native="$router.push('/phoneRecharge')">
+                    <img src="../../assets/image/phone_recharge@3x.png" style="width: 100%" alt="">
+                </el-col>
+                <el-col :span="12" @click.native="$router.push('/oilRecharge')">
+                    <img src="../../assets/image/oil_recharge@3x.png" style="width: 100%" alt="">
                 </el-col>
             </el-row>
+            <!-- 办业务 -->
             <el-row>
                 <el-col :span="24">
                     <img src="../../assets/image/business@2x.png" style="width: 80%;" alt="">
@@ -45,18 +55,16 @@
                     <img src="../../assets/image/payroll@2x.png" style="width: 100%" alt="">
                 </el-col>
             </el-row>
-            <!-- 充值服务 -->
-            <el-row>
-                <el-col :span="24">
-                    <img src="../../assets/image/recharge@2x.png" style="width: 70%;" alt="">
+            <!-- 计算器 -->
+            <el-row class="classification">
+                <el-col :span="24" @click.native="$router.push('/calc')">
+                    <img src="../../assets/image/ico_04@2x.png" style="width: 100%" alt="">
                 </el-col>
             </el-row>
-            <el-row :gutter="12">
-                <el-col :span="12" @click.native="$router.push('/phoneRecharge')">
-                    <img src="../../assets/image/phone_recharge@2x.png" style="width: 100%" alt="">
-                </el-col>
-                <el-col :span="12" @click.native="$router.push('/oilRecharge')">
-                    <img src="../../assets/image/oil_recharge@2x.png" style="width: 100%" alt="">
+            <!-- 更多服务 -->
+            <el-row class="classification">
+                <el-col :span="24">
+                    <img src="../../assets/image/more_serve@3x.png" style="width: 100%" alt="">
                 </el-col>
             </el-row>
             <!-- 政策解读 -->

+ 1 - 1
src/views/index/oilRecharge.vue

@@ -57,7 +57,7 @@
           v-for="(item, idx) in oil_amount" :key="item"
           @click="hPetrifaction(idx, item)">
           <span>{{item}}</span>
-          <i>优惠价{{item * 0.995}}元</i>
+          <i>优惠价{{item * 0.99}}元</i>
           <div :class="{'active': idx == curAmountIdx}"></div>
         </div>
       </div>

+ 1 - 1
src/views/index/phoneRecharge.vue

@@ -32,7 +32,7 @@
             v-for="(item, idx) in phone_amount" :key="item"
             @click="hPetrifaction(idx, item)">
             <span>{{item}}</span>
-            <i>优惠价{{item * 0.995}}元</i>
+            <i>优惠价{{item * 0.99}}元</i>
             <div :class="{'active': idx == curAmountIdx}"></div>
           </div>
         </div>