luke 2 miesięcy temu
rodzic
commit
5d674810ee
2 zmienionych plików z 10 dodań i 16 usunięć
  1. 1 1
      build/webpack.base.conf.js
  2. 9 15
      src/pages/benefit.vue

+ 1 - 1
build/webpack.base.conf.js

@@ -55,7 +55,7 @@ module.exports = {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
         loader: 'url-loader',
         options: {
-          limit: 10000,
+          limit: 10000000,
           name: utils.assetsPath('img/[name].[hash:7].[ext]')
         }
       },

+ 9 - 15
src/pages/benefit.vue

@@ -148,12 +148,8 @@
         </div>
         <div class="submit-wrapper">
           <van-button
-            class="reset-button custom-background-button"
-            block
-            round
-            native-type="submit"
-            color="#1989FA"
-          >
+            class="reset-button"
+            native-type="submit">
           </van-button>
         </div>
       </van-form>
@@ -367,8 +363,8 @@ export default {
   position: relative !important;
 }
 .submit-wrapper {
-  position: fixed;
-  bottom: 30px; /* 垂直方向定位到页面中间 */
+  position: relative;
+  bottom: 0; /* 垂直方向定位到页面中间 */
   left: 0; /* 左侧固定到视口的左边 */
   right: 0; /* 右侧固定到视口的右边 */
   width: 251px; /* 固定宽度 */
@@ -409,22 +405,20 @@ export default {
 }
 
 .reset-button {
-  background: none; /* 清除背景色或背景图片 */
   border: none !important; /* 清除边框 */
   padding: 0; /* 重置内边距 */
-  margin: 0; /* 重置外边距 */
   width: 251px !important;
   height: 58px !important;
   background-color: transparent !important;
-  /* 其他需要重置的样式 */
-}
-.custom-background-button {
-  background-image: url("../assets/btnbg.png") !important; /* 你的背景图片路径 */
-  background-size: cover; /* 背景图片覆盖按钮 */
+  background-image: url("../assets/btn3.png") ; /* 你的背景图片路径 */
   background-position: center;
+  margin: auto;
+  background-size: cover;
   background-repeat: no-repeat;
 
+  /* 其他需要重置的样式 */
 }
+
 >>> .van-field__control {
   font-size: 0.23rem;
   height: 0.26rem;