dolphin-weex-ui 2.2.18 → 2.3.0

package/packages/dof-cell/index.vue

@@ -26,7 +26,7 @@
                 <dof-iconfont
                   :code="avatarIconFont"
                   :size="avatarIconFontSize"
-                  :color="_isColmo ? 'rgba(255,255,255,0.80)' : '#333333'"
+                  :color="_isColmo ? 'rgba(255,255,255,0.80)' : '#1E2E37'"
                 ></dof-iconfont>
               </slot>
             </div>
@@ -64,7 +64,7 @@
                       class="cell-title-tag"
                       v-if="tag"
                       :style="{
-                        backgroundColor: iconColor ? iconColor : '#f2f2f2'
+                        backgroundColor: iconColor ? iconColor : '#F6F7F9'
                       }"
                     >
                       <text class="cell-title-tag-text">{{ tag }}</text>
@@ -159,7 +159,7 @@
 }
 
 .dof-cell-highlight:active {
-  background-color: #f5f5f5;
+  background-color: #f4f5f6;
 }
 
 .dof-cell {
@@ -207,7 +207,7 @@
   width: 16px;
   height: 16px;
   border-radius: 10px;
-  background-color: #ff3b30;
+  background-color: #f56428;
   justify-content: center;
   align-items: center;
   text-align: center;
@@ -216,24 +216,24 @@
 
 .dot-tip {
   position: absolute;
-  top: 34px;
-  right: 0px;
+  top: 30px;
+  right: 12px;
   width: 16px;
   height: 16px;
   border-radius: 10px;
-  background-color: #ff3b30;
+  background-color: #f56428;
 }
 
 .dot-num-tip {
   position: absolute;
   font-size: 24px;
-  top: 34px;
-  right: 16px;
+  top: 30px;
+  right: 32px;
   /* transform: translate(50%, 0); */
   border-radius: 100px;
   /* border-width: 1px;
   border-color: #ffffff; */
-  background-color: #ff3b30;
+  background-color: #f56428;
   align-items: center;
   justify-content: center;
   padding-left: 8px;
@@ -282,7 +282,7 @@
 /* label */
 .cell-label-text {
   font-size: 30px;
-  color: #666666;
+  color: #616c73;
   width: 188px;
   margin-right: 10px;
 }
@@ -290,7 +290,7 @@
 /* middle部分 */
 .middle {
   flex: 1;
-  min-height: 104px;
+  min-height: 124px;
   overflow: hidden;
   /* margin-right: 32px; */
   /* border-width: 1px;
@@ -348,7 +348,7 @@
   font-family: PingFangSC-Regular;
   font-size: 32px;
   /* line-height: 32px; */
-  color: #000000;
+  color: #1e2e37;
   lines: 1;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -363,14 +363,14 @@
   align-items: center;
   text-align: center;
   background-color: #f2f2f2;
-  border-radius: 24px;
+  border-radius: 48px;
   margin-left: 18px;
 }
 
 .cell-title-tag-text {
   font-family: PingFangSC-Medium;
   font-size: 24px;
-  color: #666666;
+  color: #616c73;
   /* line-height: 24px; */
 }
 
@@ -395,7 +395,7 @@
 
 .cell-desc-text {
   font-family: PingFangSC-Regular;
-  color: #8a8a8f;
+  color: #8e969b;
   font-size: 24px;
   /* line-height: 36px; */
   /* desc和title的间距 */
@@ -419,7 +419,7 @@
 
 .right-tip-text {
   font-family: PingFangSC-Regular;
-  color: #8a8a8f;
+  color: #8e969b;
   font-size: 24px;
   /* line-height: 24px; */
   text-align: right;
@@ -428,7 +428,7 @@
 .right {
   flex-direction: row;
   align-items: center;
-  padding-right: 32px;
+  padding-right: 24px;
   padding-left: 32px;
 }
 
@@ -446,7 +446,7 @@
 
 .right-text {
   font-family: PingFangSC-Regular;
-  color: #666666;
+  color: #8e969b;
   font-size: 28px;
   /* line-height: 28px; */
   letter-spacing: 0;
@@ -454,24 +454,24 @@
 }
 
 .normal-right-text {
-  font-size: 32px;
+  /* font-size: 32px; */
   /* line-height: 32px; */
 }
 
 .single-line-text {
-  /* color: #8a8a8f;
+  /* color: #8E969B;
   font-size: 24px;
   line-height: 34px; */
 }
 
 /* arrow */
 .arrow-wrapper {
-  padding-left: 20px;
+  padding-left: 0px;
 }
 
 .cell-arrow-icon {
-  width: 22px;
-  height: 22px;
+  width: 40px;
+  height: 40px;
 }
 
 .midea-swipe-cell__right {
@@ -480,7 +480,7 @@
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
-  background-color: #ff3b30;
+  background-color: #f56428;
   font-size: 32px;
   color: #ffffff;
 }
@@ -653,15 +653,15 @@ export default {
     offset: 0,
     dragging: false,
     badgeThemeList: {
-      brand: '#267aff',
-      red: '#ff3b30',
+      brand: '#00A4F2',
+      red: '#F56428',
       purple: '#995efc',
       'blue-purple': '#6575ff',
       blue: '#29c3ff',
-      cyan: '#00cbb8',
+      cyan: '#00BDB2',
       yellow: '#ffaa10',
-      orange: '#ff8225',
-      'orange-red': '#ff6a4c',
+      orange: '#FFAA10',
+      'orange-red': '#F56428',
       'gray-offline': '#7c879b'
     }
   }),
@@ -672,7 +672,7 @@ export default {
       return this._isColmo ? '#1d1f22' : '#ffffff'
     },
     _borderColor() {
-      return this._isColmo ? '#343639' : '#f2f2f2'
+      return this._isColmo ? '#343639' : '#DDDDDD'
     },
     useFakeBorder() {
       return JSON.stringify(this.fakeBorderStyle) !== '{}'
@@ -775,8 +775,8 @@ export default {
         }
       } else if (iconSize === 'min') {
         return {
-          width: '40px',
-          height: '40px',
+          width: '58px',
+          height: '58px',
           borderRadius: '20px',
           marginTop: this._isColmo ? '0px' : '32px',
           marginBottom: this._isColmo ? '0px' : '32px',
@@ -815,8 +815,8 @@ export default {
         }
       } else if (iconSize === 'min') {
         return {
-          width: '24px',
-          height: '24px'
+          width: '40px',
+          height: '40px'
         }
       } else {
         return {
@@ -935,7 +935,7 @@ export default {
     // 底部border样式
     fakeBorderStyleRender() {
       return {
-        backgroundColor: this._isColmo ? '#343639' : '#F2F2F2',
+        backgroundColor: this._isColmo ? '#343639' : '#DDDDDD',
         ...this.fakeBorderStyle
       }
     }

package/packages/dof-cell2/index.vue

@@ -144,7 +144,7 @@
   font-family: PingFangSC-Regular;
   font-size: 32px;
   line-height: 32px;
-  color: #000000;
+  color: #1E2E37;
   /* margin-right: 80px;     */
   /* hairong add */
   text-align: justify;
@@ -159,7 +159,7 @@
   font-family: PingFangSC-Regular;
   font-size: 32px;
   line-height: 32px;
-  color: #000000;
+  color: #1E2E37;
   /* margin-right: 48px;   */
   text-overflow: ellipsis;
   overflow: hidden;
@@ -174,7 +174,7 @@
 }
 
 .cell-desc-text {
-  color: #999999;
+  color: #8E969B;
   font-size: 24px;
   line-height: 32px;
   margin-top: 20px;
@@ -191,13 +191,13 @@
 .rightTip {
   align-self: flex-start;
   font-size: 24px;
-  color: #8a8a8f;
+  color: #8E969B;
 }
 
 .right-text {
   font-family: PingFangSC-Regular;
   font-size: 28px;
-  color: #666666;
+  color: #616C73;
   text-align: right;
 }
 .placeholder-text {
@@ -216,7 +216,7 @@
   padding-right: 20px;
   border-radius: 24px;
   margin-left: 20px;
-  color: #666666;
+  color: #616C73;
   background-color: #f2f2f2;
 }
 
@@ -226,7 +226,7 @@
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
-  background-color: #ff3b30;
+  background-color: #F56428;
   font-size: 32px;
   color: #ffffff;
 }
@@ -289,7 +289,7 @@ export default {
     },
     descColor: {
       type: String,
-      default: '#8A8A8F'
+      default: '#8E969B'
     },
 
     rightText: {
@@ -351,11 +351,11 @@ export default {
     },
     leftBackground: {
       type: String,
-      default: '#FF3B30'
+      default: '#F56428'
     },
     rightBackground: {
       type: String,
-      default: '#FF3B30'
+      default: '#F56428'
     }
   },
   data: () => ({

package/packages/dof-checkbox/index.vue

@@ -91,12 +91,12 @@
 }
 
 .checkBox-top-border {
-  border-bottom-color: #f2f2f2;
+  border-bottom-color: #dddddd;
   border-bottom-width: 1px;
 }
 
 .checkBox-bottom-border {
-  border-bottom-color: #f2f2f2;
+  border-bottom-color: #dddddd;
   border-bottom-width: 1px;
 }
 
@@ -105,7 +105,7 @@
   position: absolute;
   right: 0;
   bottom: 0;
-  background-color: #f2f2f2;
+  background-color: #dddddd;
   left: 86px;
 }
 
@@ -138,7 +138,7 @@
 .title-text {
   font-family: PingFangSC-Regular;
   font-size: 32px;
-  color: #000000;
+  color: #1e2e37;
   lines: 1;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -159,8 +159,8 @@
   padding-right: 20px;
   border-radius: 24px;
   margin-left: 20px;
-  color: #666666;
-  background-color: #f2f2f2;
+  color: #616c73;
+  background-color: #f6f7f9;
   max-width: 350px;
   overflow: hidden;
   text-overflow: clip;
@@ -174,7 +174,7 @@
 .sub-text {
   font-family: 'PingFangSC-Regular';
   font-size: 24px;
-  color: #8a8a8f;
+  color: #8e969b;
   lines: 1;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -182,14 +182,14 @@
 }
 
 .cell-top-border {
-  border-top-color: #f2f2f2;
+  border-top-color: #dddddd;
   border-top-width: 1px;
 }
 
 .cell-bottom-border {
   border-bottom-width: 1px;
   border-bottom-style: solid;
-  border-bottom-color: #f2f2f2;
+  border-bottom-color: #dddddd;
 }
 
 .cell-arrow-icon {
@@ -234,7 +234,7 @@ export default {
     },
     hasSubBottomBorder: {
       type: Boolean,
-      default: true
+      default: false
     },
 
     title: {

package/packages/dof-checkbox-list/index.vue

@@ -7,6 +7,7 @@
       v-on:dofCheckBoxItemChecked="dofCheckBoxItemChecked"
       :itemImg="item.itemImg"
       :key="i"
+      :hasSubBottomBorder="_isColmo ? true : hasBorder"
     >
     </dof-checkbox>
   </div>
@@ -17,13 +18,19 @@
 <script>
 // import { DofCheckbox } from '../../index';
 import DofCheckbox from '../dof-checkbox'
+import ColmoMixin from '../../mixins/colmo'
 export default {
+  mixins: [ColmoMixin],
   components: { DofCheckbox },
   props: {
     list: {
       type: Array,
       default: () => []
     },
+    hasBorder: {
+      type: Boolean,
+      default: false
+    },
     needShowTopBorder: {
       type: Boolean,
       default: false

package/packages/dof-city/tab.vue

@@ -33,7 +33,7 @@
 
   .tab-item-text {
     text-align: center;
-    color: #000000;
+    color: #1E2E37;
     font-size: 28px;
   }
 

package/packages/dof-collapse-item/colmo.css

@@ -1,4 +1,18 @@
 @media screen and (weex-theme: colmo) {
+  .title {
+    padding-left: 32px;
+  }
+  .title-box {
+    padding-right: 16px;
+  }
+  .dof-header-arrow {
+    width: 40px;
+    height: 40px;
+    margin-left: 20px;
+    margin-right: 12px;
+    margin-top: 12px;
+    margin-bottom: 12px;
+  }
   .title-text {
     color: #ffffff;
     

package/packages/dof-collapse-item/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+lcAAACTElEQVRoBe2XTU8aQRjHn1noCSLlQD1Q46UvX6cXF6gHOUggamKa9gPwARpSk9qCYtLGlwO21u/jpY1wUPEAaXppYboPdcgECF12djfE/CfRHcfZ/zO/37MgEmHAAAzAAAzAAAzAAAzAAAzAAAzAAAzAAAzAAAzcfwOV3fqTdx8OngdFulOtPuUvP/KFaUjl416FpHh1l3MSi/TzxWLxt2ku318ul6OJxcf7Uso8/yyJdl9vFLZ47nUYAb99X1+2LPldLy5Jnscj0jaFHsA+Sp84kCt6fsTqPdsulS70tVnm1iyb3ewVJF787IlGrVZ74Gb/pD0Mu5BKH4/CTto765oR8Jut9R9CytpoURPoRqMRYVgSZI/lCvHJpLucZwTMAenUw00p6Zjn+vACzbCtdmcyLNFp56pZ0Gt4mRu9hlVBPujlTeezELSq1tTV7WtawTqPcUbdO7wK+tK9auWcR/3PcM3jxLjDXNe27d5SKrHmtdMM22x3j4KG5bP60mEO4uGl0wrW+aOT/Zeifxdfu9fNrB+dVam+dFiFzdrpgaDbzmFYsHxOXzuswN10OplM9i8dWCEpp+7Trmfd61bGz86q7ECAOfx/0M67+C9n20t1EO0aGCzXCAyYw6dB8+/HhqRvsWg/Y/opbSxXWwgUmOu4hg4Bls8TOLAr6JBgQwOeBu32gwln+DFC6bA66OjjHTYsnyNUYC44hLYoHrP6K0G+QXG9uRgMbfLv41xA4BAwAAMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwEJKBvyVQHxMm9EnpAAAAAElFTkSuQmCC'

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

@@ -162,7 +162,7 @@ export default {
 
 <style scoped>
 .title {
-  padding-left: 32px;
+  padding: 0 32px;
 }
 .dof-collapse-item-content {
   background-color: #fff;
@@ -175,12 +175,13 @@ export default {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  padding-right: 64px;
-  height: 104px;
+  /* padding-right: 16px; */
+  height: 124px;
+  align-items: center;
 }
 
 .bottom-line {
-  border-bottom-color: #eeeeee;
+  border-bottom-color: #dddddd;
   border-bottom-style: solid;
   border-bottom-width: 2px;
 }
@@ -189,7 +190,7 @@ export default {
   height: 104px;
   line-height: 104px;
   font-size: 32px;
-  color: #000000;
+  color: #1e2e37;
 }
 
 .dof-header-arrow-box {
@@ -200,11 +201,12 @@ export default {
 }
 
 .dof-header-arrow {
-  width: 24px;
-  height: 24px;
-  margin-left: 20px;
-  margin-right: 12px;
-  margin-top: 12px;
+  width: 40px;
+  height: 40px;
+  margin-left: 0px;
+  /* margin-right: 24px; */
+  /* margin-top: 12px; */
+  right: -8px;
   margin-bottom: 12px;
 }
 

package/packages/dof-confirm/index.vue

@@ -247,7 +247,7 @@ export default {
   line-height: 88px;
   height: 88px;
   text-align: center;
-  color: #000000;
+  color: #1E2E37;
   font-size: 36px;
   background-color: #ffffff;
   border-top-left-radius: 32px;
@@ -314,6 +314,6 @@ export default {
 .right-button {
   line-height: 100px;
   font-size: 36px;
-  color: #000000;
+  color: #1E2E37;
 }
 </style>

package/packages/dof-confirm-box/index.vue

@@ -197,13 +197,13 @@ export default {
 }
 .left-button {
   font-size: 32px;
-  color: #666666;
+  color: #616C73;
   border-right-width: 1px;
   border-right-color: #e5e5e5;
 }
 .right-button {
   font-size: 32px;
-  color: #000000;
+  color: #1E2E37;
 }
 .bottom-offset {
   height: 154px;
@@ -214,13 +214,13 @@ export default {
 }
 
 .title {
-  color: #000000;
+  color: #1E2E37;
   font-size: 32px;
   line-height: 106px;
   border-bottom-color: #f2f2f2;
   border-bottom-width: 2px;
   border-bottom-style: solid;
-  /* border-bottom: solid 4px #999999; */
+  /* border-bottom: solid 4px #8E969B; */
   padding-left: 32px;
 }
 

package/packages/dof-countdown/index.vue

@@ -95,7 +95,7 @@
         flexDirection: 'row',
         justifyContent: 'center',
         alignItems: 'center',
-        backgroundColor: '#333333',
+        backgroundColor: '#1E2E37',
         height: '30px',
         width: '30px'
       },
@@ -110,7 +110,7 @@
         fontSize: '18px'
       },
       DOT_TEXT_STYLE: {
-        color: '#333333',
+        color: '#1E2E37',
         fontSize: '18px',
         fontWeight: 'bold'
       }

package/packages/dof-date-cycle-picker/index.vue

@@ -40,7 +40,7 @@ export default {
     },
     selectedDays: {
       type: String,
-      default: '0000000'
+      default: '1E2E370'
     }
   },
   data() {
@@ -60,7 +60,7 @@ export default {
       },
       currentSelectedType: this.repeatType,
       repeatList: [
-        { title: '执行一次', value: 0, data: '0000000', checked: false },
+        { title: '执行一次', value: 0, data: '1E2E370', checked: false },
         { title: '每天', value: 1, data: '1111111', checked: false },
         { title: '工作日', value: 2, data: '1111100', checked: false },
         { title: '周末', value: 3, data: '0000011', checked: false },

package/packages/dof-date-cycle-picker/option-list-circle.vue

@@ -45,7 +45,7 @@
 }
 
 .option-item-current {
-  background-color: #267aff;
+  background-color: #00A4F2;
 }
 .text {
   font-size: 28px;

package/packages/dof-digital-panel/index.vue

@@ -283,7 +283,7 @@ export default {
 .top-title-text {
   font-family: PingFangSC-Regular;
   font-size: 24px;
-  color: #666666;
+  color: #616C73;
   letter-spacing: 0;
   text-align: center;
   line-height: 24px;
@@ -300,7 +300,7 @@ export default {
 .main-title-value-text {
   font-family: PingFangSC-Regular;
   font-size: 160px;
-  color: #000000;
+  color: #1E2E37;
   letter-spacing: 0;
   text-align: center;
   line-height: 162px;
@@ -316,7 +316,7 @@ export default {
 .main-title-unit-text {
   font-family: PingFangSC-Medium;
   font-size: 40px;
-  color: #000000;
+  color: #1E2E37;
   letter-spacing: 0;
   text-align: center;
   line-height: 40px;
@@ -344,7 +344,7 @@ export default {
 .desc-title-text {
   font-family: PingFangSC-Regular;
   font-size: 24px;
-  color: #8a8a8f;
+  color: #8E969B;
   letter-spacing: 0;
   line-height: 24px;
   padding: 0 32px;
@@ -356,7 +356,7 @@ export default {
 .desc-value-text {
   font-family: PingFangSC-Regular;
   font-size: 32px;
-  color: #666666;
+  color: #616C73;
   letter-spacing: 0px;
   line-height: 32px;
   padding: 0 32px;

package/packages/dof-gear/index.vue

@@ -38,7 +38,7 @@ export default {
     },
     setColor: {
       type: String,
-      default: '#FF3B30'
+      default: '#F56428'
     },
     ranges: {
       type: Array,

package/packages/dof-gradient/index.vue

@@ -26,7 +26,7 @@ export default {
     },
     startColor: {
       type: String,
-      default: '#267AFF'
+      default: '#00A4F2'
     },
     endColor: {
       type: String,

package/packages/dof-grid-select/option.vue

@@ -69,7 +69,7 @@
       // 选中状态边框色值
       checkedBorderColor: {
         type: String,
-        default: '#267aff'
+        default: '#00A4F2'
       },
       // 不可选状态边框色值
       disabledBorderColor: {