Browse Source

样式修改

master
congzc 2 years ago
parent
commit
4da6b49bf3
4 changed files with 25 additions and 15 deletions
  1. +6
    -6
      .env
  2. BIN
      src/assets/icon/icon-down.png
  3. BIN
      src/assets/icon/icon-up.png
  4. +19
    -9
      src/views/model/editModel.vue

+ 6
- 6
.env View File

@@ -3,12 +3,12 @@
# VUE_APP_API_ROOT_USER=https://smapitest.malls.iformall.com/C

# 开发
# NODE_ENV=development
# VUE_APP_ENV=development
# VUE_APP_API_ROOT=https://smapitest.malls.iformall.com/C
NODE_ENV=development
VUE_APP_ENV=development
VUE_APP_API_ROOT=https://smapitest.malls.iformall.com/C
# 正式
NODE_ENV=production
VUE_APP_ENV=production
# NODE_ENV=production
# VUE_APP_ENV=production
# VUE_APP_API_ROOT=http://m.metavatar.cc/C

VUE_APP_API_ROOT=https://smapitest.malls.iformall.com/C
# VUE_APP_API_ROOT=https://smapitest.malls.iformall.com/C

BIN
src/assets/icon/icon-down.png View File

Before After
Width: 10  |  Height: 12  |  Size: 345 B Width: 200  |  Height: 200  |  Size: 2.7 KiB

BIN
src/assets/icon/icon-up.png View File

Before After
Width: 10  |  Height: 12  |  Size: 348 B Width: 200  |  Height: 200  |  Size: 2.8 KiB

+ 19
- 9
src/views/model/editModel.vue View File

@@ -24,7 +24,7 @@
<div class="addText">
<div class="addText-title">
<img src="../../assets/icon/icon-text.png" alt="" />
添加文案
第一步:添加文案
</div>
<div class="desalinate">
<span>已录入{{ textareaContent.length }}字</span>
@@ -50,7 +50,7 @@
<div class="addText">
<div class="addText-title">
<img src="../../assets/icon/icon-sound.png" alt="" />
选择播报声音
第二步:选择播报声音
<!-- <span class="redWord">(必选)</span> -->
</div>
<!-- 只有一级没有二级时 soundChoose.subTitle-->
@@ -995,10 +995,11 @@ export default {
margin-top: 10px;
width: 225px;
height: 40px;
border-radius: 20px;
text-align: center;
font-size: 20px;
// line-height: 30px;
border: 1px solid #85a5f9;
border: 1px dashed #85a5f9;
.img {
margin-top: -3px;
margin-right: 3px;
@@ -1085,11 +1086,11 @@ export default {
&-title {
font-size: 16px;
font-weight: 600;
color: #000;
color: #666666;
img {
width: 24px;
height: 24px;
margin-right: 5px;
margin-right: 10px;
}
}
}
@@ -1099,13 +1100,13 @@ export default {
padding: 1px;
width: 100%;
background: linear-gradient(225deg, rgba(81, 217, 202, 1), rgba(114, 100, 245, 1));
border-radius: 6px;
border-radius: 16px;

&-in {
width: 100%;
height: 100%;
background: #fff;
border-radius: 6px;
border-radius: 16px;

::v-deep .el-input-group__append {
padding: 0;
@@ -1130,21 +1131,27 @@ export default {
::v-deep .el-input__inner {
border: none;
background-color: #faf9fe;
border-radius: 16px 0 0 0;
}

::v-deep .el-textarea__inner {
border: none;
background-color: #faf9fe;
border-radius: 0 0 16px 16px;
resize: none;
}
::v-deep .el-input-group__append {
border-radius: 0 16px 0 0;
}
}

.makeVideo {
position: fixed;
bottom: 70px;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
// margin: 15px 20px 0;
width: 325px;
width: 285px;
height: 50px;
text-align: center;
font-size: 20px;
@@ -1171,6 +1178,9 @@ export default {
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 1);
border-radius: 11px;
&:active {
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
}
}
.moveLayer1 {
top: 35% !important;


Loading…
Cancel
Save