Bläddra i källkod

feat:修改图片的配置

liu.shiyi 1 år sedan
förälder
incheckning
32a1e02164
1 ändrade filer med 23 tillägg och 20 borttagningar
  1. 23 20
      data-room-ui/packages/BasicComponents/Picture/setting.vue

+ 23 - 20
data-room-ui/packages/BasicComponents/Picture/setting.vue

@@ -35,9 +35,10 @@
       <SettingTitle>基础</SettingTitle>
       <div class="lc-field-body">
         <el-form-item
-          label="链接"
+          label="URL"
           label-width="100px"
           prop="customize.url"
+          style="margin-bottom: 14px"
         >
           <el-upload
             class="bs-el-upload"
@@ -79,7 +80,7 @@
               slot="tip"
               v-model="config.customize.url"
               class="upload-tip"
-              placeholder="或输入链接地址"
+              placeholder="或输入URL地址"
               clearable
               @change="handleUrlChange"
             />
@@ -88,26 +89,28 @@
         <el-form-item
           label="不透明度"
           label-width="100px"
-        >
-          <el-slider
-            v-model="config.customize.opacity"
-            class="bs-slider bs-el-input-number"
-            :min="0"
-            :max="100"
-            show-input
-          />
-        </el-form-item>
-        <el-form-item
-          label="圆角"
-          label-width="100px"
         >
           <el-input-number
-            v-model="config.customize.radius"
-            class="bs-el-input-number"
-            placeholder="请输入圆角大小"
-            :min="0"
+            v-model="config.customize.opacity"
+            class="bs-el-input-number db-el-input-number"
+            placeholder="请输入不透明度"
+            :min="0.01"
+            :max="1"
+            :precision="2"
+            :step="0.01"
           />
         </el-form-item>
+<!--        <el-form-item-->
+<!--          label="圆角"-->
+<!--          label-width="100px"-->
+<!--        >-->
+<!--          <el-input-number-->
+<!--            v-model="config.customize.radius"-->
+<!--            class="bs-el-input-number"-->
+<!--            placeholder="请输入圆角大小"-->
+<!--            :min="0"-->
+<!--          />-->
+<!--        </el-form-item>-->
       </div>
     </el-form>
   </div>
@@ -136,14 +139,14 @@ export default {
       hideUpload: false,
       rules: {
         'customize.url': [
-          { required: true, message: '请输入链接地址', trigger: 'blur' },
+          { required: true, message: '请输入URL地址', trigger: 'blur' },
           // 地址校验
           {
             validator: (rule, value, callback) => {
               if (value) {
                 const reg = /^(http|https):\/\/([\w.]+\/?)\S*/
                 if (!reg.test(value)) {
-                  callback(new Error('请输入正确的链接地址'))
+                  callback(new Error('请输入正确的URL地址'))
                 } else {
                   callback()
                 }