style

src/views/WeChatConfig/index.vue

 <template>
   <div class="body">
     <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-button type="primary" style="float: right" icon="el-icon-plus" @click="handleAdd">新建配置</el-button>
+      </div>
       <div class="text item">
-        <div slot="header" class="clearfix">
-          <el-button type="primary" style="float: right" icon="el-icon-plus" @click="handleAdd">新建配置</el-button>
-        </div>
         <el-table stripe :data="tableData" border style="width: 100%">
           <el-table-column prop="appName" label="配置名称" />
 
           <el-table-column prop="picture" label="二维码" align="center">
             <template slot-scope="scope">
               <!-- :src="scope.row.qrCode" -->
-              <el-popover placement="right" title="二维码" trigger="hover">
+              <el-popover placement="right" trigger="hover" style="cursor: pointer;">
                 <el-image
                   slot="reference"
                   src="https://cdn4.buysellads.net/uu/1/41334/1550855401-cc_light.png"

src/views/dashboard/index.vue

 export default {
   name: 'Dashboard',
   computed: {
-    ...mapGetters([
-      'name'
-    ])
+    ...mapGetters(['name'])
   }
 }
 </script>

src/views/gameManage/edit.vue

             <el-input v-model="gameForm.title" />
           </el-form-item>
           <el-form-item label="游戏图标：">
-            <UploadImage :icon="gameForm.gameImage" @handleChange="handleChange" @handleDeleteIcon="handleDeleteIcon" />
+            <UploadImage
+              :icon="gameForm.gameImage"
+              @handleChange="handleChange"
+              @handleDeleteIcon="handleDeleteIcon"
+            />
           </el-form-item>
           <el-form-item label="游戏类型：" prop="resultMode">
             <el-select
           </el-form-item>
         </el-form>
       </el-tab-pane>
-      <el-tab-pane
-        label="关联特征"
-        name="game-character"
-        :disabled="gameId ? false : true"
-      >
+      <el-tab-pane label="关联特征" name="game-character" :disabled="gameId ? false : true">
         <el-row :gutter="20" style="padding-top: 20px">
           <el-col :span="12">
             <GameCharacter
               ref="GameCharacter"
-              :gameId='gameId'
+              :gameId="gameId"
               @handleAddGameCharacter="characterId = undefined"
               @handleCloseGameCharacter="characterId = undefined"
               @handleEditGameCharacter="handleEditGameCharacter"
           </el-col>
           <el-col :span="12">
             <GameCharacterEdit
-              :characterId='characterId'
-              :gameId='gameId'
+              :characterId="characterId"
+              :gameId="gameId"
               @handleRefreshGameCharacter="handleRefreshGameCharacter"
               @handleEditGameCharacter="handleEditGameCharacter"
             />
           </el-col>
         </el-row>
       </el-tab-pane>
-      <el-tab-pane
-        label="游戏题库"
-        name="question"
-        :disabled="gameId ? false : true"
-      >
+      <el-tab-pane label="游戏题库" name="question" :disabled="gameId ? false : true">
         <el-row :gutter="20" style="padding-top: 20px">
           <el-col :span="12">
             <Question
               ref="Question"
-              :gameId='gameId'
+              :gameId="gameId"
               @handleAddQuestion="questionId = undefined"
               @handleCloseQuestion="questionId = undefined"
               @handleEditQuestion="handleEditQuestion"
   data() {
     return {
       rules: {
-        title: [
-          { required: true, message: '请输入游戏名称', trigger: 'blur' }
-        ],
-        resultMode: [{ required: true, message: '请选择游戏类型', trigger: 'blur' }]
+        title: [{ required: true, message: '请输入游戏名称', trigger: 'blur' }],
+        resultMode: [
+          { required: true, message: '请选择游戏类型', trigger: 'blur' }
+        ]
       },
       gameForm: {
         title: undefined,
   watch: {
     '$route.query.id': {
       handler(val) {
-        if (val) { // 有值代表是编辑状态 查询详情  没有值就是新增
+        if (val) {
+          // 有值代表是编辑状态 查询详情  没有值就是新增
           this.gameId = val
           getGameDetail(val).then((res) => {
             this.gameForm = res.data
 }
 </script>
 <style scoped>
-.gameForm{
+.gameForm {
   width: 700px;
   margin: auto;
 }