dolphin-weex-ui 2.2.18 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dolphin-weex-ui",
-  "version": "2.2.18",
+  "version": "2.3.0",
   "description": "inteligense cross platform frame",
   "main": "index.js",
   "directories": {

package/packages/dof-accordion/index.vue

@@ -57,7 +57,7 @@ export default {
   flex: 1;
   font-family: PingFangSC-Regular;
   font-size: 32px;
-  color: #000000;
+  color: #1E2E37;
 }
 .accordion-icon {
   height: 40px;

package/packages/dof-actionsheet/dist/index.dev.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _index["default"];
+  }
+});
+
+var _index = _interopRequireDefault(require("./index.vue"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/packages/dof-actionsheet/index-bak.vue

@@ -58,7 +58,7 @@
   padding: 30px;
   text-align: center;
   font-size: 28px;
-  color: #8a8a8f;
+  color: #8E969B;
   line-height: 48px;
   background-color: #ffffff;
   border-top-left-radius: 32px;
@@ -96,7 +96,7 @@
   text-align: center;
   font-size: 32px;
   line-height: 96px;
-  /* color: #000000; */
+  /* color: #1E2E37; */
 }
 
 .midea-actionsheet-bottom {
@@ -113,7 +113,7 @@
   flex: 1; /* add by lau resolve bottom button */
 }
 .leftBtn {
-  color: #666666;
+  color: #616C73;
 }
 
 .top {
@@ -228,7 +228,7 @@ module.exports = {
       let style = {
         width: `${width}px`,
         backgroundColor: popupColor
-        // backgroundColor: '#666666'
+        // backgroundColor: '#616C73'
       }
       pos === 'bottom' &&
         (style = {
@@ -348,7 +348,7 @@ module.exports = {
       return _transform
     },
     textStyleOps(item) {
-      return item.textColor ? { color: item.textColor } : { color: '#000000' }
+      return item.textColor ? { color: item.textColor } : { color: '#1E2E37' }
     }
   }
 }

package/packages/dof-actionsheet/index.vue

@@ -67,7 +67,7 @@
   padding: 30px;
   text-align: center;
   font-size: 28px;
-  color: #8a8a8f;
+  color: #8E969B;
   line-height: 48px;
   background-color: #ffffff;
 }
@@ -103,7 +103,7 @@
   text-align: center;
   font-size: 32px;
   line-height: 96px;
-  /* color: #000000; */
+  /* color: #1E2E37; */
 }
 
 .midea-actionsheet-bottom {
@@ -120,7 +120,7 @@
   flex: 1; /* add by lau resolve bottom button */
 }
 .leftBtn {
-  color: #666666;
+  color: #616C73;
 }
 
 .top {
@@ -253,7 +253,7 @@ export default {
       const style = {
         width: `${width}px`,
         backgroundColor: popupColor
-        // backgroundColor: '#666666'
+        // backgroundColor: '#616C73'
       }
       if (pos === 'bottom') {
         style.bottom = '0px'
@@ -381,7 +381,7 @@ export default {
       return _transform
     },
     textStyleOps(item) {
-      return item.textColor ? { color: item.textColor } : { color: '#000000' }
+      return item.textColor ? { color: item.textColor } : { color: '#1E2E37' }
     }
   }
 }

package/packages/dof-badge/index.vue

@@ -103,13 +103,13 @@ export default {
   data() {
     return {
       themeList: {
-        brand: '#267aff',
-        red: '#ff3b30',
-        purple: '#995efc',
+        brand: '#00A4F2',
+        red: '#F56428',
+        purple: '#946CF2',
         'blue-purple': '#6575ff',
         blue: '#29c3ff',
         cyan: '#00cbb8',
-        yellow: '#ffaa10',
+        yellow: '#FFAA10',
         orange: '#ff8225',
         'orange-red': '#ff6a4c',
         'gray-offline': '#7c879b',

package/packages/dof-board/index.vue

@@ -65,13 +65,13 @@ export default {
   padding-right: 32px;
   padding-top: 32px;
   padding-bottom: 32px;
-  background-color: #e5e5e8;
+  background-color: #f6f7f9;
 }
 
 .dof-board-header-title {
   font-family: PingFangSC-Medium;
   font-size: 36px;
-  color: #000000;
+  color: #1e2e37;
   font-weight: 500;
 }
 
@@ -79,7 +79,7 @@ export default {
   margin-top: 16px;
   font-family: PingFangSC-Regular;
   font-size: 26px;
-  color: #666666;
+  color: #616c73;
   font-weight: 400;
 }
 

package/packages/dof-bottom-bar/index.vue

@@ -102,7 +102,7 @@
                     v-else-if="item.iconText"
                     class="tab-bar-item-icon-text"
                     :style="{
-                      color: handleIconTextColor(item)
+                      color: item.textColor ? item.textColor : handleIconTextColor(item)
                     }"
                     >{{ item.iconText }}</text
                   >
@@ -173,7 +173,7 @@ export default {
       return this.iconTextColor ? this.iconTextColor : this._theme === 'colmo' ? 'rgba(255,255,255,0.80)' : '#ffffff'
     },
     _iconColor() {
-      return this.iconColor ? this.iconColor : this._theme === 'colmo' ? '#B35336' : '#267Aff'
+      return this.iconColor ? this.iconColor : this._theme === 'colmo' ? '#B35336' : '#00A4F2'
     },
     newTabBarStyle() {
       const { tabBarPosition } = this
@@ -202,7 +202,7 @@ export default {
     handleIconTextColor(item) {
       if (item.iconTextColor) return item.iconTextColor
       let isDark = new Color(this.handleBg(item)).isDark()
-      let color = isDark ? '#ffffff' : '#333333'
+      let color = isDark ? '#ffffff' : '#1E2E37'
       return color
     },
     resolveLoadingIcon(backgroudColor) {
@@ -367,7 +367,7 @@ export default {
   top: 83px;
   width: 20px;
   height: 18px;
-  /* background-color: #267aff; */
+  /* background-color: #00A4F2; */
   /* opacity: 0.5; */
 }
 .icon-inner-container {
@@ -419,7 +419,7 @@ export default {
 }
 .tab-bar-item-title-text {
   font-family: PingFangSC-Regular;
-  color: #232323;
+  color: #1e2e37;
   letter-spacing: 0;
   text-align: center;
   font-size: 24px;
@@ -435,7 +435,7 @@ export default {
 .line {
   width: 268px;
   height: 10px;
-  background-color: #000000;
+  background-color: #1e2e37;
   opacity: 0.1;
   border-radius: 5px;
   margin-top: 42px;

package/packages/dof-button/index.vue

@@ -179,10 +179,10 @@ export default {
 }
 
 .dof-btn-highlight-primary-default {
-  background-color: #267aff;
+  background-color: #00a4f2;
 }
 .dof-btn-highlight-primary-default:active {
-  background-color: #226de5;
+  background-color: #0093d9;
 }
 .dof-btn-highlight-primary-base {
   background-color: #e9f1ff;
@@ -252,7 +252,7 @@ export default {
   background-color: rgba(41, 195, 255, 0.1);
 }
 .dof-btn-highlight-turquoise-default {
-  background-color: #00cbb8;
+  background-color: #00bdb2;
 }
 .dof-btn-highlight-turquoise-default:active {
   background-color: #00b7a5;
@@ -288,7 +288,7 @@ export default {
   background-color: rgba(255, 170, 16, 0.1);
 }
 .dof-btn-highlight-orange-default {
-  background-color: #ff8225;
+  background-color: #ffaa10;
 }
 .dof-btn-highlight-orange-default:active {
   background-color: #e67521;
@@ -306,7 +306,7 @@ export default {
   background-color: rgba(255, 130, 37, 0.1);
 }
 .dof-btn-highlight-tomato-default {
-  background-color: #ff6a4c;
+  background-color: #f56428;
 }
 .dof-btn-highlight-tomato-default:active {
   background-color: #e65f44;
@@ -344,6 +344,9 @@ export default {
 .dof-btn-highlight-red-default {
   background-color: #e61e1e;
 }
+.dof-btn-highlight-red-default:active {
+  background-color: #ce1a1a;
+}
 .dof-btn-highlight-red-base {
   background-color: #fffeb7;
 }
@@ -354,6 +357,9 @@ export default {
 .dof-btn-highlight-brown-default {
   background-color: #86696b;
 }
+.dof-btn-highlight-brown-default:active {
+  background-color: #785e60;
+}
 .dof-btn-highlight-red-base {
   background-color: #ffd9cf;
 }
@@ -387,8 +393,8 @@ export default {
   /* color: #ffffff; */
   /* margin-left: 10px; */
 }
-.dof-text-highlight-primary:active {
-  color: #5b69e6;
+/* .dof-text-highlight-primary:active {
+  color: #0093d9;
 }
 .dof-text-highlight-purple:active {
   color: #8a54e3;
@@ -413,5 +419,5 @@ export default {
 }
 .dof-text-highlight-gray:active {
   color: #6f798b;
-}
+} */
 </style>

package/packages/dof-button/type.js

@@ -1,7 +1,7 @@
 export const STYLE_MAP = {
   primary: {
     default: {
-      backgroundColor: '#267AFF'
+      backgroundColor: '#00A4F2'
     },
     base: {
       backgroundColor: '#E9F1FF'
@@ -9,7 +9,7 @@ export const STYLE_MAP = {
     plain: {
       backgroundColor: '#FFFFFF',
       borderWidth: '2px',
-      borderColor: '#267AFF'
+      borderColor: '#00A4F2'
     },
     text: {
       backgroundColor: '#FFFFFF',
@@ -69,7 +69,7 @@ export const STYLE_MAP = {
   },
   turquoise: {
     default: {
-      backgroundColor: '#00CBB8'
+      backgroundColor: '#00BDB2'
     },
     base: {
       backgroundColor: '#E6FFFD'
@@ -77,7 +77,7 @@ export const STYLE_MAP = {
     plain: {
       backgroundColor: '#FFFFFF',
       borderWidth: '2px',
-      borderColor: '#00CBB8'
+      borderColor: '#00BDB2'
     },
     text: {
       backgroundColor: '#FFFFFF',
@@ -103,7 +103,7 @@ export const STYLE_MAP = {
   },
   orange: {
     default: {
-      backgroundColor: '#FF8225'
+      backgroundColor: '#FFAA10'
     },
     base: {
       backgroundColor: '#FFF0E6'
@@ -111,7 +111,7 @@ export const STYLE_MAP = {
     plain: {
       backgroundColor: '#FFFFFF',
       borderWidth: '2px',
-      borderColor: '#FF8225'
+      borderColor: '#FFAA10'
     },
     text: {
       backgroundColor: '#FFFFFF',
@@ -120,7 +120,7 @@ export const STYLE_MAP = {
   },
   tomato: {
     default: {
-      backgroundColor: '#FF6A4C'
+      backgroundColor: '#F56428'
     },
     base: {
       backgroundColor: '#FFEaE6'
@@ -128,7 +128,7 @@ export const STYLE_MAP = {
     plain: {
       backgroundColor: '#FFFFFF',
       borderWidth: '2px',
-      borderColor: '#FF6A4C'
+      borderColor: '#F56428'
     },
     text: {
       backgroundColor: '#FFFFFF',
@@ -211,13 +211,13 @@ export const TEXT_STYLE_MAP = {
       color: '#FFFFFF'
     },
     base: {
-      color: '#267AFF'
+      color: '#00A4F2'
     },
     plain: {
-      color: '#267AFF'
+      color: '#00A4F2'
     },
     text: {
-      color: '#267AFF'
+      color: '#00A4F2'
     }
   },
   purple: {
@@ -267,13 +267,13 @@ export const TEXT_STYLE_MAP = {
       color: '#FFFFFF'
     },
     base: {
-      color: '#00CBB8'
+      color: '#00BDB2'
     },
     plain: {
-      color: '#00CBB8'
+      color: '#00BDB2'
     },
     text: {
-      color: '#00CBB8'
+      color: '#00BDB2'
     }
   },
   yellow: {
@@ -295,13 +295,13 @@ export const TEXT_STYLE_MAP = {
       color: '#FFFFFF'
     },
     base: {
-      color: '#FF8225'
+      color: '#FFAA10'
     },
     plain: {
-      color: '#FF8225'
+      color: '#FFAA10'
     },
     text: {
-      color: '#FF8225'
+      color: '#FFAA10'
     }
   },
   tomato: {
@@ -309,13 +309,13 @@ export const TEXT_STYLE_MAP = {
       color: '#FFFFFF'
     },
     base: {
-      color: '#FF6A4C'
+      color: '#F56428'
     },
     plain: {
-      color: '#FF6A4C'
+      color: '#F56428'
     },
     text: {
-      color: '#FF6A4C'
+      color: '#F56428'
     }
   },
   gray: {

package/packages/dof-button-group/index.vue

@@ -76,7 +76,7 @@ export default {
       const { bgColor } = this
       if (bgColor == '#ffffff'||bgColor=='#FFFFFF') {
         return {
-          color: '#8A8A8F',
+          color: '#8E969B',
         }
       }else{
         return {
@@ -105,7 +105,7 @@ export default {
       const { bgColor } = this
       if (bgColor == '#ffffff'||bgColor=='#FFFFFF') {
         return {
-          color:'#000000',
+          color:'#1E2E37',
           backgroundColor:'#E5E5E8'
         }
       } else {

package/packages/dof-card/imgs/arrow_up.js

@@ -1 +1 @@
-export default 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAAUVJREFUSEvtlEFOg0AUht9r3HgcYcH0IsYYN7ZUr8EtajVKWdTEtWkyvQGQgOdxgb+ZyACWGZgummhSdoQ33/feP8MwHfnhI/PpJBhN+G9FBEA1xMz8Ndp6XeA8gYJnWbkkwnkQ+LeuEieBhgO4rxtLhPBnLpJRgQGu03GSDAoG4DrhtRDefGgSq8AMnyRA9cnMd3oMZo6lfA+jKDJuvFFggwtxMSMiZFn5AKAjQSzl1ijpCYbgOgpVk6bFiogW7XFFvNv1Jb8ELnANrGtXABoJM78EgRcyM5oI9xYsO0eRiCaJisW2ifUkj0QUdn68ZyH8hZY0E+R5cVlVeGsLh+HdxtK0eCKiebuWb6ZTf6PeLQI3uF1iEKhx8/zjCqjOpNxubMfOdgf9xFVeq+9CeK+9iFwvr0PrRq+KQ4H79SfBaIL/P6JvBWHcG2ebJZYAAAAASUVORK5CYII='
+export default 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAPKADAAQAAAABAAAAPAAAAACL3+lcAAACS0lEQVRoBe2Xz2sTQRTH32sqHlKagsUeDPRSkaKexIN/hSCYtraIByE9CF78A/IHiFYw0mAFpbbqRmv/hPwF/Qd6ErsHmwpmUUFqM860fbL5YRJ3ZraXby5v583um/l8ZnazS4QfDMAADMAADMAADMAADMAADMAADMAADMAADMBAXwNBEGQqlcqpvid6OGHIQ82eJQ3s53rj1Y/mUPUkoFMFFlhmmidF178fcJA2NPdcDoedLbCxuorU5khGFYrF4n4s7e0wFeB/wQpVmtDegfvBCrTe4h+zw80Z3yvtFXhgWKFOATojY7mOvWDNFmbiLT3m5ZZxmab3FV+8dvXKRq1Wa7b0OWp4Ae4Hax5SE2fGNqKfv6Y6oImmT2dHL/mCdv63NAisuU8LhcJBfjx3WzG96bJ4N0bP5t+WSqXhLn1WKaf38KCw8RkfXvO1scqK5uL5o2P+EO3uzGrw3519yTLOgJPAypTNtTt70WsiNSu5v5HpffQlnHMF7QTYBlbA0oK2BnYBG4cO9xprimhGchL1RKuN3fCW7UpbP7TC+rfy4buxzOw4Jnl7Mg+yc+O5eQ33rq2cfi+hm7mJ/PP2/P+2rYAfPl2ZVMzF9kGTwEoNA61XckETBpKTqJS682R5+by0k0Qr4G4D2sBKPbNto3povqg6oOWcpNEK+MG9u5+I1ePY4OuuvnwEmplfSn29rcv3Fxe3pX1i8VF5ZWrp2YsLviZgtrHtVvY1N9SFARiAARiAARiAARiAARiAARiAARiAARiAARhwbOAPEZotYbWyXikAAAAASUVORK5CYII='

package/packages/dof-card/imgs/confirm.js

@@ -1 +1 @@
-export default 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAEgAAAACohW0MAAABKUlEQVQ4EdXSOy+DURwH4JImHWpgKYZGFwmLoZOFwYSYxWzzEXwBkVjxAbCzYyQ2l8llEgaJRCISEZHUc0SH932dlPIOmjxpz//y6+W0UPivj0ajMUctl88veJY35v/8DYRO8cpiHuFjgp9ZziO8LviR9TzChwXfs0Vn4g0U+plJFH9wsFvjlh2KmVXFBcKlTGeaLQp2+rhij1J0XHOJcDnj0aFUw2wPZxxSTrWzR0NrhEuqZ7vJipkujjihO9mNnAx2sEG4rKHIWEGvxD4XVGJzX9YtFNnmhoH00Gc/XOY11XT/W2eL4RPucklvc8nr8A03uWOwWW/rWUCZA075+I09r/LASFuh6aUQzDHhX7LCE6PpuV+dBVY454WJX4XFlgVXmYz1W9XfAaRQL/XLZXCaAAAAAElFTkSuQmCC'
+export default 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAYAAAAJr8w7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAY6ADAAQAAAABAAAAYAAAAAD6qQTKAAAG5UlEQVR4Ae3bX2wURRwH8O/ctbQHtLQxoqhEKiFo/BOJEmIEQRJEo0bwD1ChBtSkj4QYEzE+8ECCISH64AuJCoKKEf9h9EGIUGPVBzUaDAkNjRQJEjSxlZb2+udunN+d2+7e7e3tn9m9/TOblJ2d2d2Z/X1udm7nFgZaDvXPQy7dJVI30mYEFy7aPCT+BsHEmjNa/wOePyPWPSK/B6l8D3pa/sAOlg/r9bHJhkUfZPJSLBL9oqwL4CeQSh3H002nLPYNvGgKg6pOBog+yJfA2GHRgw5g06wf9QW1SBsxqAXJA9HifhocB1GX3o/2GX9qmUGuyzGo9uSCiDsYRsH4PuT5bjzTcrb2GEkHKQpMiMH/faGzExtnnQkCxbxnaDUnuYdoMQDGRHIPrgztROd1w1PZ8lPWGFSfAtGifk70lK3Y2HxEy5C9ro5BNSqQqbgzfIyx3PPY0jowlSknZQ+D6lIg+oiLgZ2vl/11OKWvwTLd3tqHdG6F2Oec5X7JKGwDWDcO/rtV5uXa7xlaraqHaJEorjneQkNTJ9axnLHA+ZZzDKpDgZRG+gjGmzZgC8uWFjjZdodBNSgQY5w5ujGRe9TLwO4eQ4EYMWiL4SfUZ+/Hutk0g+x4sT+Am51aDerGqHDcjfHMJ9jL640F9ra8YVAdCsQYac5XYfrlA+Dc8V3HO4YCMWLQFmMb8O7g7vIC6xzHepanU4O6MTwca9HR/Jkxs/KWXAyqR4Hooz0gHpQXFW7l+twKaTm3Kf3J1Riij0aLeLfgA7sDunwMakpMQepFtHbd2YCLj88s/FGa8qosSzDj8itV9ikUy79N6WuN0S0rLSL10bIM1syt018hXj01hu2/jhryyjbo10Pw29Axq7esTJdR3VW3s+NkjHrI3iWNZRAUj8032XikYGgAS71RLX7+YlDtMQCh29Fz820E3TLafLX4uvuk1S7+Y0QcZNvN0/DSrdMqxnD/7+MVy8oLxEsOJ7jxPqfbKRgMqjCCPaSjrR577mrQhcuY7LqUw46TVcYL4yFtuDC40Zg1tRUcBtUZIZCHr6/D2/c0irk/8+WX/jwe+2YEo85fFt2OHdw07qaZ5tVLyo0AyL1Xp3FYfHOqqyDRO5jHg8eHcXmcXvF1vCzEgqEnzI4KHoNaEWKQ21tS+GJFBpm0WbiAiyMcq74ewV9ZVxDFk3L+otnZa4NBLQkhSNvMFL5aOR0t08y7xMAYx2rRI/quOL83lQR/MQ4M3lKSh9ph+ARybYahc0F94Y/SdpfZjQxHV2Ywp8IxI+IX7ke6RvDbgGeIYpNSvKO0bfZbW3qkzG1JT+qLr0qLT3YGrf9/svvFJ3l9dxbHLk5Ytra5nqFr1XQsajX/bE6IO9IaMVh/ecH6PJaVlBXy8+htnqf//yLmtZcd6HOGpFvW6+JrqAZBLab058szeGBOxa/2aBAROCL2qQRBI8OzP2QlQ1Dr2FwxkC+nlLaEA4NaIwHkDpNPdqMYiCnYZiA033RoaQYrrqkwWotmvfDzKA6edfJgp4XWxprzh/R7hQeDWuUR5KT47m+2VAKh+aa1JRN/+uN3iUnA107Te89+LWyl/szhwqCWeQDZJj7F2QqvkpWCVJtverN3HC9Xm43VR9JVmi/Cvv4W7dBwDOBaa/Rrl4M63Y7otkTBN1sI672+ccuJv0/PT+Cpb0eQ8/AoYVa3aR7DGu3N9vD1DK3FLnvIUfHNiaYprHqI1QwszTe1dwcEQdeax1LtksOLQS30CUS7+NK1h/mm0lPZ32aYfPgLNwZdUkAgHueb7Ae/fM+FWlb4MailPoNImW/SIup83YYPeeEHk2hg+Agicb7JOUPxiDSyQ/MpGR0Maq3kHiJ9vona6GZhuRvosGhhUIs9gNx3bBjf/53DkJhsovWyo8P4TqxrvqTSTdSG8D5nVIuQy+eQaqetUflmbGp+J3o9Q4uWyx6iHR6qNeeFnhFdDIpmXEAYiwFGXEA4L7yCEu2eod1rYtJD4oERkx4SH4wYgMQLI+Ig8cOIMEg8MSIKEl+MCILEGyNiIPHHiBBIMjAiApIcjAiAJAsj5CDJwwgxSDIxQgqSXIwQgiQbI2QgCiNEIAqDMGgJwQ9UCqNIUfy3xiAKQ49B6RqCKIxSjBqCKAwzjBqBKIxKGDUAURhWGAGDKIxqGAGCKAw7GAGBKAy7GAGAKAwnGD6DKAynGD6CKAw3GD6BKAy3GD6AKAwvGJJBFIZXDIkgCkMGhiQQhSELQwKIwpCJ4RFEYcjG8ACiMPzAcAmiMPzCcAGiMPzEcAiiMPzGcACiMILAsAmiMILCsAGiMILEqAKiMILGsABRGLXAqACiMGqFoQdJsT7a/A8BVs7POOY51gAAAABJRU5ErkJggg=='

package/packages/dof-card/index.vue

@@ -133,7 +133,7 @@ export default {
     },
     _tagBg() {
       if (this.tagBg) return this.tagBg
-      return this._isColmo ? '#B35336' : '#3c7cf6'
+      return this._isColmo ? '#B35336' : '#00A4F2'
     }
   },
   mounted() {
@@ -239,10 +239,10 @@ export default {
 }
 .dof-card-header-tag-confirm {
   position: absolute;
-  width: 18px;
-  height: 18px;
-  left: 35px;
-  top: 66px;
+  width: 66px;
+  height: 66px;
+  left: 11px;
+  top: 58px;
   transform-origin: center;
   transform: rotateZ(-45deg);
 }
@@ -276,12 +276,12 @@ export default {
 }
 
 .dof-card-header-arrow {
-  width: 24px;
-  height: 24px;
-  margin-left: 12px;
+  width: 40px;
+  height: 40px;
+  /* margin-left: 12px;
   margin-right: 12px;
   margin-top: 12px;
-  margin-bottom: 12px;
+  margin-bottom: 12px; */
 }
 
 .dof-card-body {

package/packages/dof-card-item/index.vue

@@ -12,14 +12,14 @@ export default {}
 
 <style scoped>
 .dof-card-item {
-  padding-left: 16px;
-  padding-right: 16px;
+  padding-left: 32px;
+  padding-right: 32px;
 }
 
 .dof-card-item-content {
   border-top-style: solid;
   border-top-width: 1px;
-  border-top-color: #f2f2f2;
+  border-top-color: #f6f7f9;
 }
 
 @media screen and (weex-theme: colmo) {

package/packages/dof-catalog/colmo.css

@@ -3,7 +3,7 @@
     font-family: PingFangSC-Medium;
     font-size: 36px;
     line-height: 36px;
-    color: #000000;
+    color: #1E2E37;
     letter-spacing: 0;
     font-weight: 500;
   }

package/packages/dof-catalog/index.vue

@@ -29,7 +29,7 @@
   font-family: PingFangSC-Medium;
   font-size: 28px;
   line-height: 30px;
-  color: #8a8a8f;
+  color: #8E969B;
   letter-spacing: 0;
   text-align: center;
 }
@@ -68,8 +68,8 @@ export default {
     },
     textStyle() {
       let tmp = this.$theme.watchTheme({
-        colmo: { color: this.textColor || '#000000' }, // colmo模式 的 style
-        default: { color: this.textColor || '#8a8a8f' }
+        colmo: { color: this.textColor || '#1E2E37' }, // colmo模式 的 style
+        default: { color: this.textColor || '#8E969B' }
       })
       return tmp
     },

package/packages/dof-catalog/style.js

@@ -1,8 +1,8 @@
 export const STYLE_MAP = {
   default: {
-    textColor: '#8a8a8f'
+    textColor: '#8E969B'
   },
   colmo: {
-    textColor: '#000000'
+    textColor: '#1E2E37'
   }
 }

package/packages/dof-cell/colmo.css

@@ -1,4 +1,7 @@
 @media screen and (weex-theme: colmo) {
+  .middle {
+    min-height: 104px;
+  }
   .cell-title-text {
     color: rgba(255,255,255,0.8);
     /* line-height: 32px; */
@@ -6,6 +9,9 @@
   .dof-cell-highlight:active {
     background-color: #343639;
   }
+  .right {
+    padding-right: 32px;
+  }
   .right-text {
     font-size: 32px;
     color: rgba(255,255,255,0.4);