调整页面样式

src/view/memberGroup/memberGroupEdit.vue

 <template>
-  <div class="memberGroupEdit-wrap common-wrap">
+  <div class="common-wrap">
     <nav-crumb :navpath="navpath"></nav-crumb>
     <div class="right-content">
       <div class="right-box">
         <div class="memberGroupEdit-wrap__body">
-          <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
+          <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
             <el-form-item label="" prop="selectedTag">
-              <div class="memberGroupEdit-wrap__item__title">
-                已选标签<span class="color-c0c4cc font-14">（筛选同时符合下列条件的会员）</span>
-                <el-button type="text" class="m-l-220" @click="showAddTag">添加标签</el-button>
+              <div>
+                已选标签
+                <span class="color-c0c4cc font-14">（同一个输入框内标签关系为且）</span>
               </div>
               <div class="memberGroupEdit-wrap__tags w-548 border-box">
                 <div class="memberGroupEdit-wrap__tagcell" v-for="(item, index) in selectedTagData" :key="index">
@@ -18,29 +18,30 @@
                   <i class="el-icon-delete" @click="delSelTag(index, item)"></i>
                 </div>
               </div>
+              <el-button class="m-t-10 w-548 el-icon-plus color-blue" @click="showAddTag">&nbsp;&nbsp;添加</el-button>
             </el-form-item>
             <el-form-item label="" prop="groupName" class="w-220">
-              <div class="memberGroupEdit-wrap__item__title">分组名称</div>
+              <div>分组名称</div>
               <el-input class="w-220" v-model="ruleForm.groupName" @focus="focus('groupName', 10)" @keyup.native="value => toInput(value)"> </el-input>
               <label class="input-label">{{ inputNumObj.groupName }}/10</label>
             </el-form-item>
             <el-form-item label="" prop="effectiveDateTmp">
-              <div class="memberGroupEdit-wrap__item__title">分组有效期</div>
+              <div>分组有效期</div>
               <el-date-picker v-model="ruleForm.effectiveDateTmp" type="date" :editable="false" format="yyyyMMdd" value-format="yyyy-MM-dd HH:mm:ss" default-time="23:59:59" :picker-options="pickerOptions">
               </el-date-picker>
               <div class="form-tip-text">
-                <label class="">*分组有效期需早于所用标签的最早有效期，且最长不超过365天</label>
+                <label>*分组有效期需早于所用标签的最早有效期，且最长不超过365天</label>
               </div>
             </el-form-item>
             <el-form-item label="" prop="describle" class="w-548">
-              <div class="memberGroupEdit-wrap__item__title">分组描述</div>
-              <el-input class="w-407" type="textarea" v-model="ruleForm.describle" style="height: 96px;" @focus="focus('describle', 200)" @keyup.native="value => toInput(value)"> </el-input>
+              <div>分组描述</div>
+              <el-input class="w-548" type="textarea" v-model="ruleForm.describle" style="height: 96px;" @focus="focus('describle', 200)" @keyup.native="value => toInput(value)"> </el-input>
               <template>
                 <label class="input-label textarea-label">{{ inputNumObj.describle }}/200</label>
               </template>
             </el-form-item>
             <el-form-item label="" class="" prop="updateDay" v-if="ruleForm.isActive == 0">
-              <div class="memberGroupEdit-wrap__item__title">更新频率</div>
+              <div>更新频率</div>
               <el-select v-model="ruleForm.updateType" placeholder="请选择" class="w-200" @change="changeRate(ruleForm.updateType)">
                 <el-option label="每日一次" value="1"></el-option>
                 <el-option label="每周一次" value="2"></el-option>
@@ -48,9 +49,9 @@
               ><el-select v-model="ruleForm.updateDay" v-if="ruleForm.updateType != 1" placeholder="请选择" class="w-200 p-l-8">
                 <el-option v-for="item in rateOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
               </el-select>
-              <div class="form-tip-text"><label class="">*更新时间预计选择日期的凌晨0点至6点</label></div>
+              <div class="form-tip-text"><label>*更新时间预计选择日期的凌晨0点至6点</label></div>
             </el-form-item>
-            <el-form-item label="" class="font-0">
+            <el-form-item label="">
               <el-button type="primary" @click.stop="confirmSave('ruleForm')">保存</el-button>
               <el-button @click.stop="cancelSave">返回</el-button>
             </el-form-item>