前端

fuintAdmin_zt/src/views/homeComponents/shopowner.vue

@@ -639,6 +639,5 @@ export default {
   background: #FF9655 !important;
   border: 1px solid #FF9655 !important;
   color: #fff;
-
 }
 </style>

fuintAdmin_zt/src/views/system/notify/index.vue

@@ -0,0 +1,52 @@
+<script >
+export default {
+  data(){
+    return{
+      activeindex:0,
+      tablist:[
+        {
+          name:'通知模板',
+        },
+        {
+          name:'通知记录',
+        },
+      ]
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="container">
+    <div class="tab-box">
+      <div class="f-box" v-for="(item,index) in tablist" :key="index" @click="activeindex=index" :class="{ 'active' :activeindex==index}">{{item.name}}</div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.tab-box{
+  width: 100%;
+  background: #fff;
+  display: flex;
+  box-sizing: border-box;
+  padding: 0px 50px;
+}
+
+.f-box{
+  height: 40px;
+  color: #999999;
+  margin-right: 50px;
+  display: flex;
+  align-items: center;
+
+}
+.active{
+  color: #FF9655 !important;
+  border-bottom: 2px solid #FF9655 !important;
+}
+.container{
+  background: #F4F5F9;
+  height: 100vh;
+}
+</style>