Переглянути джерело

省市县小班样式修改

gcz 2 роки тому
батько
коміт
543931799f

BIN
src/assets/img/select-bg.png


BIN
src/assets/img/xiaoban-bg.png


+ 10 - 2
src/assets/scss/common.scss

@@ -116,15 +116,23 @@ body {
     margin-left: auto;
     color: var(--main-color);
      .el-input .el-input__inner{
-        border-color: var(--main-color);
+        border: none;
+        font-size: 26px;
+        height: 50px;
+        line-height: 50px;
         color: var(--main-color);
-        background: transparent;
+        background: url(../img/xiaoban-bg.png) no-repeat;
+        background-size: 100% 100%;
+        &::-webkit-input-placeholder {
+            color: var(--main-color);
+        }
     }
     .el-input__icon{
         color: var(--main-color);
     }
     .title{
         white-space: nowrap;
+        font-size: 26px;
     }
 }
 .nav-wrap {

+ 9 - 4
src/components/pickerAddr.vue

@@ -1,5 +1,5 @@
 <!--
- * @LastEditors: wangcc
+ * @LastEditors: gcz
 -->
 <template>
   <div class="pickerAddr u-flex">
@@ -134,6 +134,7 @@ export default {
 
 <style lang='scss' scoped>
 .pickerAddr {
+  font-size: 26px;
   color: var(--main-color);
   text-align: right;
   margin-bottom: 1vh;
@@ -163,11 +164,15 @@ export default {
   .el-select {
     width: 8vw;
     /deep/ .el-input__inner {
+      font-size: 26px;
+      height: 50px;
+      line-height: 50px;
       color: var(--main-color);
-      background: transparent;
-      border: 1px solid var(--main-color);
+      background: url(../assets/img/select-bg.png) no-repeat;
+      background-size: 100% 100%;
+      border: none;
       &::-webkit-input-placeholder {
-        color: #eee;
+        color:  var(--main-color);
       }
       &:hover{
         border-color:var(--main-color);