CSS样式美化

QMPlusVuePage/src/view/example/form/form.vue

@@ -1,7 +1,84 @@
 <template>
   <div>
     <el-form :model="form" label-width="80px" ref="form">
-      <el-form-item label="活动名称">
+      <el-row>
+        <el-col  :span="3"><label for="">活动名称</label></el-col>
+        <el-col  :span="10"><el-input v-model="form.name"></el-input></el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">活动区域</label></el-col>
+        <el-col  :span="10">
+           <el-select placeholder="请选择活动区域" v-model="form.region">
+            <el-option label="上海" value="shanghai"></el-option>
+            <el-option label="北京" value="beijing"></el-option>
+           </el-select>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">活动时间</label></el-col>
+        <el-col  :span="10">
+           <el-col :span="11">
+          <el-date-picker placeholder="选择日期" style="width: 100%;" type="date" v-model="form.date1"></el-date-picker>
+        </el-col>
+        <el-col :span="2" class="line">——</el-col>
+        <el-col :span="11">
+          <el-time-picker placeholder="选择时间" style="width: 100%;" v-model="form.date2"></el-time-picker>
+        </el-col>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">即时配送</label></el-col>
+        <el-col  :span="10"><el-switch v-model="form.delivery"></el-switch></el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">活动性质</label></el-col>
+        <el-col  :span="10">
+          <el-checkbox-group v-model="form.type">
+            <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
+            <el-checkbox label="地推活动" name="type"></el-checkbox>
+            <el-checkbox label="线下主题活动" name="type"></el-checkbox>
+            <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
+          </el-checkbox-group>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">特殊资源</label></el-col>
+        <el-col  :span="10">
+          <el-radio-group v-model="form.resource">
+            <el-radio label="线上品牌商赞助"></el-radio>
+            <el-radio label="线下场地免费"></el-radio>
+          </el-radio-group>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">活动形式</label></el-col>
+        <el-col  :span="10"><el-input type="textarea" v-model="form.desc"></el-input></el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">穿梭框</label></el-col>
+        <el-col  :span="20">
+          <el-transfer
+            :data="data"
+            :filter-method="filterMethod"
+            filter-placeholder="请输入城市拼音"
+            filterable
+            v-model="value"
+          ></el-transfer>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col  :span="3"><label for="">活动时间</label></el-col>
+        <el-col  :span="10"><el-input v-model="form.name"></el-input></el-col>
+      </el-row>
+      <el-row type="flex" justify="center">
+        <el-col :span="13">
+          <el-button @click="onSubmit" type="primary">立即创建</el-button>
+          <el-button>取消</el-button>
+        </el-col>
+        
+      </el-row>
+
+      <!-- <el-form-item label="活动名称">
         <el-input v-model="form.name"></el-input>
       </el-form-item>
       <el-form-item>
@@ -51,7 +128,7 @@
       <el-form-item>
         <el-button @click="onSubmit" type="primary">立即创建</el-button>
         <el-button>取消</el-button>
-      </el-form-item>
+      </el-form-item> -->
     </el-form>
   </div>
 </template>
@@ -107,4 +184,4 @@ export default {
     }
   }
 }
-</script>
+</script>

QMPlusVuePage/src/view/example/rte/rte.vue

@@ -11,7 +11,7 @@
       ></quill-editor>
       <el-button  plain @click="saveHtml">保存</el-button>
     </div>
-    <div>
+    <div class="edit">
       <mavon-editor v-model="model.content"></mavon-editor>
       <el-button type="primary" size="small" @click="submit">发表</el-button>
     </div>
@@ -47,7 +47,3 @@ export default {
   }
 }
 </script>
-
-<style>
-
-</style>

QMPlusVuePage/src/view/example/upload/upload.vue

@@ -1,5 +1,6 @@
 <template>
   <div v-loading.fullscreen.lock="fullscreenLoading">
+    <div class="upload">
     <el-upload
       :action="`${path}/fileUploadAndDownload/upload`"
       :before-upload="checkFile"
@@ -49,6 +50,7 @@
       @size-change="handleSizeChange"
       layout="total, sizes, prev, pager, next, jumper"
     ></el-pagination>
+    </div>
   </div>
 </template>