1

src/views/adminCenter/news/detail.vue

@@ -1,20 +1,26 @@
 <template>
   <div id="detail">
-    <data-form :fields="fields" :data="data" @save="toSave" returns="/adminCenter/news">
-      <template #options="{ item }">
-        <template v-if="item.model === 'column_name'">
-          <el-option v-for="(i, index) in typeList" :key="`columns-name-${index}`" :label="i" :value="i"></el-option>
-        </template>
-      </template>
-      <template #custom="{ item }">
-        <template v-if="item.model === 'image'">
-          <e-upload url="/files/cysci/news_image/upload" v-model="data[item.model]"></e-upload>
-        </template>
-        <template v-if="item.model === 'fileUrl'">
-          <e-upload url="/files/cysci/news_file/upload" v-model="data[item.model]" type="text"></e-upload>
-        </template>
-      </template>
-    </data-form>
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one">
+          <data-form :fields="fields" :data="data" @save="toSave" returns="/adminCenter/news">
+            <template #options="{ item }">
+              <template v-if="item.model === 'column_name'">
+                <el-option v-for="(i, index) in typeList" :key="`columns-name-${index}`" :label="i" :value="i"></el-option>
+              </template>
+            </template>
+            <template #custom="{ item }">
+              <template v-if="item.model === 'image'">
+                <e-upload url="/files/cysci/news_image/upload" v-model="data[item.model]"></e-upload>
+              </template>
+              <template v-if="item.model === 'fileUrl'">
+                <e-upload url="/files/cysci/news_file/upload" v-model="data[item.model]" type="text"></e-upload>
+              </template>
+            </template>
+          </data-form>
+        </el-col>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
@@ -84,4 +90,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  border-radius: 10px;
+  box-shadow: 0 0 5px #cccccc;
+  padding: 20px;
+}
+.main:hover {
+  box-shadow: 0 0 5px #409eff;
+}
+</style>

src/views/adminCenter/news/index.vue

@@ -1,15 +1,21 @@
 <template>
   <div id="news-index">
-    <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete">
-      <template #selfbtn>
-        <el-button type="primary" size="mini" @click="toAdd">添加新闻</el-button>
-      </template>
-      <template #options="{ item }">
-        <template v-if="item.prop === 'column_name'">
-          <el-option v-for="(i, index) in typeList" :key="`columns-name-${index}`" :label="i" :value="i"></el-option>
-        </template>
-      </template>
-    </data-table>
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete">
+            <template #selfbtn>
+              <el-button type="primary" size="mini" @click="toAdd">添加新闻</el-button>
+            </template>
+            <template #options="{ item }">
+              <template v-if="item.prop === 'column_name'">
+                <el-option v-for="(i, index) in typeList" :key="`columns-name-${index}`" :label="i" :value="i"></el-option>
+              </template>
+            </template>
+          </data-table>
+        </el-col>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
@@ -82,4 +88,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  border-radius: 10px;
+  box-shadow: 0 0 5px #cccccc;
+  padding: 20px;
+}
+.main:hover {
+  box-shadow: 0 0 5px #409eff;
+}
+</style>