update

1. 增加科技主题和田园主题

components/modules/skin.js

@@ -360,6 +360,52 @@ const jieri_gq = `
   --sendBox-text-border: #F5F5F5;
   --sebdBox-text-color: #747474;
 `;
+const technology = `
+  --main-color: #0044B8;
+  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
+  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
+  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
+  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
+  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
+  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
+  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg-suspension.png);
+  --suspension-toggle-bg: #2c88dd;
+  --menu-bg: url(${process.env.DEF_OSS}/static/skin/technology/bg.png);
+  --chat-bg: #FFFFFF;
+  --chat-border-color: #FFFFFF;
+  --chat-icon-br: transparent;
+  --chat-color: #000000;
+  --sendBox-bg: linear-gradient(180deg, #0044B8 0%, #000943 100%);
+  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-white.png);
+  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-white.png);
+  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
+  --sendBox-icon-bg: #2C88DD;
+  --sendBox-text-border: #2C88DD;
+  --sebdBox-text-color: #FFFFFF;
+`;
+const countryside = `
+  --main-color: #876A3D;
+  --suspension-office-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
+  --suspension-draw-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
+  --suspension-vote-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
+  --suspension-invite-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
+  --suspension-wallet-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
+  --suspension-reward-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
+  --suspension-praise-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg-suspension.png);
+  --suspension-toggle-bg: #876A3D;
+  --menu-bg: url(${process.env.DEF_OSS}/static/skin/countryside/bg.png);
+  --chat-bg: #FFFFFF;
+  --chat-border-color: #FFFFFF;
+  --chat-icon-br: transparent;
+  --chat-color: #000000;
+  --sendBox-bg: #E7D6B0;
+  --sendBox-icon-user: url(${process.env.DEF_OSS}/static/skin/default/icon-user-white.png);
+  --sendBox-icon-emoji: url(${process.env.DEF_OSS}/static/skin/default/icon-emoji-white.png);
+  --sendBox-icon-jia: url(${process.env.DEF_OSS}/static/skin/default/icon-jia-white.png);
+  --sendBox-icon-bg: #876A3D;
+  --sendBox-text-border: #876A3D;
+  --sebdBox-text-color: #FFFFFF;
+`;
 
 const allSkin = {
   custom,
@@ -376,7 +422,9 @@ const allSkin = {
   jieri_51,
   jieri_61,
   jieri_zq,
-  jieri_gq
+  jieri_gq,
+  technology,
+  countryside
 };
 const skin = color => {
   const layoutColor = color;

components/view/mobile.vue

@@ -86,7 +86,7 @@ export default {
       advertText: 'advertText'
     }),
     skinCss() {
-      return SKIN(this.channelInfo.layoutColor || '');
+      return SKIN( this.channelInfo.layoutColor || '');
       // return SKIN("jieri_qm" || "");
     },
     isAdTop() {