site index页大图变色

web/src/config.js

@@ -9,7 +9,7 @@ switch (process.env.NODE_ENV) {
     break;
 }
 
-const version = 'v0527.1756'
+const version = 'v0530.1605'
 
 module.exports = {
   publicPath,

web/src/views/bottom/Index.vue

@@ -27,7 +27,12 @@
         />
       </div>
       <div class="main" >
-        <img src="/data/Index/main.jpg" alt="" />
+        <img v-if="themeIdx === 0" src="@/assets/images/site-index-default.png" alt="" />
+        <img v-if="themeIdx === 1" src="@/assets/images/site-index-white.png" alt="" />
+        <img v-if="themeIdx === 2" src="@/assets/images/site-index-blue.png" alt="" />
+        <img v-if="themeIdx === 3" src="@/assets/images/site-index-yellow.png" alt="" />
+        <img v-if="themeIdx === 4" src="@/assets/images/site-index-black.png" alt="" />
+        <!-- <img src="/data/Index/main.jpg" alt="" /> -->
         <!-- 定位的盒子 -->
         <div class="loc aria-theme-independent">
           <div class="one aria-theme-independent">
@@ -88,9 +93,12 @@
 </template>
 
 <script>
+import accessibilityMixin from "/src/views/accessibilityMixin.js"
+
 export default {
   name: "bottomIndex",
   components: {},
+  mixins: [accessibilityMixin],
   data() {
     //这里存放数据
     return {