dolphin-weex-ui 2.2.18 → 2.3.0

package/packages/dof-result/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="wrapper" v-if="show" :style="wrapStyle">
-    <div class="dof-result" :style="{ paddingTop: setPaddingTop, backgroundColor: bgColor_ }">
+    <div class="dof-result" :style="{ top: setPaddingTop, backgroundColor: bgColor_ }">
       <image class="result-image" :aria-hidden="true" :src="resultType.pic" :style="imgStyle"></image>
       <slot name="text">
         <div class="result-content" v-if="resultType.content">
@@ -39,16 +39,17 @@
   /* width: 750px; */
   flex: 1;
   align-items: center;
+  justify-content: center;
   /* background-color: #f9f9f9; */
 }
 
 .result-image {
-  width: 480px;
-  height: 400px;
+  width: 320px;
+  height: 320px;
 }
 
 .result-content {
-  margin-top: 90px;
+  margin-top: 0px;
   align-items: center;
 }
 
@@ -56,7 +57,7 @@
   height: auto;
   font-family: PingFangSC-Regular;
   font-size: 28px;
-  color: #666666;
+  color: #616c73;
   letter-spacing: 0;
   text-align: center;
   line-height: 36px;
@@ -76,7 +77,7 @@
 .btn-sub-text {
   font-family: PingFangSC-Medium;
   font-size: 28px;
-  color: #267aff;
+  color: #00a4f2;
   letter-spacing: 0;
   text-align: center;
   line-height: 28px;
@@ -129,7 +130,7 @@ export default {
     wrapStyle: Object,
     paddingTop: {
       type: [Number, String],
-      default: 220
+      default: '-80'
     },
     bgColor: {
       type: String,
@@ -147,7 +148,7 @@ export default {
     },
     bgColor_() {
       if (this.bgColor) return this.bgColor
-      return this._isColmo ? '#151617' : '#f9f9f9'
+      return this._isColmo ? '#151617' : '#ffffff'
     },
     resultType() {
       return {

package/packages/dof-rich-text/dof-rich-text-text.vue

@@ -18,7 +18,7 @@
 }
 
 .blue {
-  color: #267AFF;
+  color: #00A4F2;
 }
 
 .gray {

package/packages/dof-scroll-picker/index.vue

@@ -195,7 +195,7 @@ export default {
     font-family: PingFangSC-Regular;
     opacity: 0.6;
     font-size: 40px;
-    color: #000000;
+    color: #1E2E37;
     text-align: left;
 }
 .list-item {
@@ -204,7 +204,7 @@ export default {
     font-family: PingFangSC-Regular;
     opacity: 0.3;
     font-size: 40px;
-    color: #000000;
+    color: #1E2E37;
     text-align: center;
 }
 .list-item-left {
@@ -234,7 +234,7 @@ export default {
 }
 .selected-item {
     opacity: 1;
-    color: #000000;
+    color: #1E2E37;
     font-size: 48px;
 }
 .select-area {

package/packages/dof-searchbar/index.vue

@@ -57,7 +57,7 @@
     <div :class="['dof-search-bar', 'dof-search-bar-' + theme]" :style="barStyle" v-if="mod === 'default' && backArrow">
       <image
         v-if="_theme == ''"
-        class="search-bar-arrow"
+        class="search-bar-arrow-base"
         @click="backArrowClicked"
         :src="theme == 'black' ? W_backArrowIcon : B_backArrowIcon"
       ></image>
@@ -145,8 +145,10 @@
       <div v-if="disabled" @click="inputDisabledClicked" class="disabled-input has-dep-disabled"></div>
 
       <div :class="['bar-dep', '.bar-dep-' + theme]">
-        <text :class="['selected-text', 'selected-text-' + theme]">{{ selectedText }}</text>
-        <div v-if="selectList" :class="['selectBlock', 'selectBlock-' + theme]">
+        <text :class="['selected-text', 'selected-text-' + theme]" ref="selectedText" @click="showSelectList">{{
+          selectedText
+        }}</text>
+        <div v-if="selectList" :class="['selectBlock', 'selectBlock-' + theme]" :style="selectBlockStyle">
           <text
             v-for="item in list"
             :key="item"
@@ -182,10 +184,10 @@
 }
 
 .dof-search-bar-gray {
-  background-color: #eeeeee;
+  background-color: #f6f7f9;
 }
 .dof-search-bar-black {
-  background-color: #000000;
+  background-color: #1e2e37;
 }
 
 .search-bar-input {
@@ -199,22 +201,22 @@
   width: 624px;
   height: 72px;
   line-height: 72px;
-  background-color: #f6f6f6;
+  background-color: #f6f7f9;
   border-radius: 36px;
-  color: #000000;
-  placeholder-color: #8a8a8f;
+  color: #1e2e37;
+  placeholder-color: #8e969b;
 }
 
 .search-bar-input-gray {
   background-color: #ffffff;
-  /* color: #8a8a8f; */
-  color: #000000;
-  placeholder-color: #8a8a8f;
+  /* color: #8E969B; */
+  color: #1e2e37;
+  placeholder-color: #8e969b;
 }
 .search-bar-input-black {
-  background-color: #323232;
+  background-color: rgba(249, 249, 249, 0.2);
   /* color: #c7c7cc; */
-  color: #000000;
+  color: #1e2e37;
   placeholder-color: #c7c7cc;
 }
 
@@ -225,6 +227,13 @@
   left: 32px;
   top: 28px;
 }
+.search-bar-arrow-base {
+  position: absolute;
+  width: 48px;
+  height: 48px;
+  left: 26px;
+  top: 22px;
+}
 
 .search-bar-icon {
   position: absolute;
@@ -257,16 +266,16 @@
   text-align: center;
   line-height: 88px;
   margin-right: 0;
-  color: #666666;
+  color: #616c73;
   position: absolute;
   right: 32px;
 }
 
 .search-bar-button-gray {
-  background-color: #eeeeee;
+  background-color: #f6f7f9;
 }
 .search-bar-button-black {
-  background-color: #000000;
+  background-color: #1e2e37;
   color: #c7c7cc;
 }
 
@@ -291,7 +300,7 @@
   line-height: 32px;
   text-align: center;
   font-size: 24px;
-  color: #333333;
+  color: #1e2e37;
   margin-right: 6px;
   margin-top: 2px;
   lines: 1;
@@ -307,7 +316,7 @@
   line-height: 40px;
   text-align: center;
   font-size: 24px;
-  color: #333333;
+  color: #1e2e37;
   margin-right: 2px;
   lines: 1;
   text-overflow: ellipsis;
@@ -333,7 +342,7 @@
 }
 
 .selectBlock {
-  position: absolute;
+  position: fixed;
   width: 132px;
   top: 0;
   margin-left: -28px;
@@ -352,10 +361,12 @@
 <style src="./colmo.css" scoped></style>
 
 <script>
-import { INPUT_ICON, ARROW_ICON, BACK_ARROW_ICON, WHITE_ARROW_ICON, CLOSE_ICON } from './type'
+import { INPUT_ICON, INPUT_ICON_WHITE, ARROW_ICON, BACK_ARROW_ICON, WHITE_ARROW_ICON, CLOSE_ICON } from './type'
 import ColmoMixin from '../../mixins/colmo'
 import DofIconfont from '../dof-iconfont'
 import { STYLE_MAP } from './style'
+const modal = weex.requireModule('modal')
+const dom = weex.requireModule('dom')
 export default {
   mixins: [ColmoMixin],
   components: { DofIconfont },
@@ -437,18 +448,26 @@ export default {
         return { backgroundColor: barStyle.backgroundColor }
       }
       return {}
+    },
+    inputIcon() {
+      if (this.theme == 'black') {
+        return this.inputIconWhite
+      }
+      return this.inputIconBlack
     }
   },
   data: () => ({
     test: '\u4785',
-    inputIcon: INPUT_ICON,
+    inputIconBlack: INPUT_ICON,
+    inputIconWhite: INPUT_ICON_WHITE,
     closeIcon: CLOSE_ICON,
     arrowIcon: ARROW_ICON,
     B_backArrowIcon: BACK_ARROW_ICON,
     W_backArrowIcon: WHITE_ARROW_ICON,
     showClose: false,
     value: '',
-    selectList: false
+    selectList: false,
+    selectBlockStyle: {}
   }),
   created() {
     this.defaultValue && (this.value = this.defaultValue)
@@ -514,6 +533,12 @@ export default {
 
     // 显示下拉列表
     showSelectList() {
+      dom.getComponentRect(this.$refs.selectedText, rect => {
+        this.selectBlockStyle = {
+          top: rect.size.top,
+          left: rect.size.left
+        }
+      })
       this.selectList = !this.selectList
     },
 

package/packages/dof-searchbar/type.js

@@ -1,11 +1,14 @@
 export const INPUT_ICON =
-  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAe1BMVEUAAACLi5COjqCLi5Cbm5vAwMCLi5CLi5CMjJGLi5CLi5CKio+Li5CLi4+KipCLi5COjpiOjpSTk5OLi5CLi5CLi5CLi5CLi5CKipGKipCMjJGMjJCMjJCLi5CLi5CLi5CKipCMjJCLi5GOjpGSkpKLi5CLi5CLi5CKio/c0TwqAAAAKHRSTlMAwgr5BgLyyjfnmJCD7K58GhUOtoho9aJ2XkxHPi/Tj45wVCUc4LvX0M58hgAAAWhJREFUSMftlFtzgjAQhRfDTeQqIF7QqqjN//+F7a7pWNgNDC+dPvi9cTZnw55MAm8M7oy1RZ2eEq3uzrn1YJrwoV8k2WJieZ7qPsvdePulZkQj41yVJvwyyqrmZBzO2tr/uT7Ym55dtSEhtcx+o//Z7H6V85IcsWxIachjT/NW5DiKP0T9WalB+SEZHKzwEF2avRVOgOYFzoGy5XqN+h4EAhyNB1Vi/uIZbbFVyORPDBwkjmi4Mtn/Vs+iYY2Gy1BdoLoFETzvaih6ip3oRGlpwrMEXovhBaJhLwceoXwzH7xSyAeaSSEl8t4u5uoXvFDZ8ovluxIq00jeWlfircpAojZ3nr8Kd8tj05AjaF+bxoqk0PY8BuaZuHQueMUhSrQRbM/ZutQ/+M/eUw7vrIf44w4Inf7ybLGacMChSbQhyDB/5mB47W67iutrjh+Sw84fOj7IUcJcRzfToXKYQazUBWbhuvBv+QI000Ecewa2FwAAAABJRU5ErkJggg=='
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAFLElEQVRoBe2ZTWhcVRTHZzIxRqNFrdhpDCGTSUggrppQ68IPXFhppJVSXRR37UJBsBrxCymoVKgiqeCmiiLUhYjFuNGKYIYK2tYUFNzkmyE0iViCpk6JIzPj78hMuO+8++a9eW+EKcyFy7vn3Hv+9/zP/Z6JxZqpGYFmBJoRMCMwNTV1nSn/3+V4lA4WFha2Yb+3VCrt4ZsmbyffTv6bvEJeJp+Lx+MTqVTqB74F5LqmUARwfCdOv4knD5KDYlyGwIn29vbxzs7Oq/ViEbTz//qbnp6+s7W1dRzhsQgOrED+lb6+vo8jYGyaBiawuLh4d7FY/AJLmSaRE6Px/tra2tMjIyP/RAELRIApc4CofUJH13t09hf6DDmLYxLhm/hu5zuM7i6yVzq7sbExOjQ0JPahki8BIr+LyGdAtzk/haNvFAqFb/r7+2XhutLs7Gy6paXlMBXPkG9wNYjFJnp7e/eDU7LU+aqqEqDzLjr/CZSkQrpKdJ9Kp9OngnYs6yeRSHxI+90KKwbWMdbEq1ofRK5KYH5+/jQg+xXQJUg9wrb4s9L7ijiaYDq+Q0MZDTOVwNwRBrPFRDHLRP8eZO18jgiOhulIsLEtMGpHKMp6MlOcaXrcVAQtexJguGWfdyQceJL5+otDGULAWVkTvyrThwjaA0rnK1oJyHxluO9X1hdwXkdONQkmyoIH/wXdmgAd1Do/2UqAw2ovhnp9vO4HVks9i/Zr2ssGsZkgINcSq0+bjVTBq/GoarfOfv2t0kUWcfZzBbKNRS5nR+DkRUAuZmb6jsMmbyrqUWbnOaNxIKX71k0csheBTkerWGxRyXUR8/m8C5dppPuu2peLwNLSkpyWW0wrorJqyvUqDw4OXgHLcTOFgD40q3bnItDV1SVXAse9HdAbq6KErCQwCUwdVxR0DkJ+0C4COFsE5DfTELmmYTVtq5Wz2ewd1AuJzURf8ggKnFwExBISDhDkHYERa2jIJdCFq/v2g7MSwOi8MhyWi53SRRaJ9j4FUoSA42xQ9S7RSgCQL3VLtrxDWhdF5pp+C/0cMDGQz3PaO6avWW8rWwnwUsrQ+E9lMDY3Nydzti6J+9BLAN1qgqGbMOUgZSsBeeYxvO8pgJuJ0En0+oqhmvmL8jylldxKzbTOmvjIVAQpWwmIIY6+xeeyAnmUo/6Y0tUk8sboLkfasX0SnOMDAwO6P19sTwLcGNexPmpBeBkSJ8P8gIXdTvDOkfVhleXnlhOWvnxVvtOBiJ0C5QkL0kUi+TxEM5Y6h4odbAsRfpE8RoUj8sgF3h739vT0/OgwCij4EmC+tuNoBjyZt7b0PcrTOHeGnE2lUhuyTmZmZra2tbUNY7sP/ePottqMy7qzHR0de5LJZK5KG2uVLwGxki2PBfYpjuy2ojiVfyDK1aPNqfaVQpEIREC6JoLyIH+b4rO+rvg3kPXluDCWTWom4bmItQ9EXx7kz3GgyWNfpk2YdIVAHGW6yN3qXQvAfblc7qvV1dUOS51VFXgEtDWH2sPoDkJMXm+36XpDlh+s5AewCabhByz63yt1bBCy8+ifWKQ68EiEJlBxYnJysrW7u3sXke3FSYlsknKOkVpmAS/j9AX290uV9voblURkAtqhMHIUEg1BQEiHJRF4EYeJbC025V/sbKexLOzPvLAaZgQqDjIS45SPVOTKl/U1yFV7uiJXvg0zAhWHGAk5Z/RIFNgU5OxwpYYjIB6WSbxGUf69yZPHuCut8L22ktzDuAjqy9+1RaLpbaNH4F8PXcPUbauIBgAAAABJRU5ErkJggg=='
 // export const CLOSE_ICON = 'https://gw.alicdn.com/tfs/TB1sZB.pwMPMeJjy1XdXXasrXXa-24-24.png';
-export const ARROW_ICON = 'https://gw.alicdn.com/tfs/TB1vZB.pwMPMeJjy1XdXXasrXXa-24-24.png'
+export const INPUT_ICON_WHITE =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAFC0lEQVRoBe1Yz4scRRSu173b3TO7G9SISVbx4B68CIoLSbxo8KIksIJEDyJe9CIImggiOYj4IxcPu4IXFUTQgweD60HdIOiqICbuzT9AA7qrRIjuzHRX987286sxY7qqa2Z6pnvDRqag6HpV733vvapXr6tKiHEZz8B4BsYzkJ0BZp7M0jvdpjIKms3mPnK9BSI+SizmWPABIehGYMaoG6jrgugHYloOgonviWi7jD6b7EgOhGFyUJA4LQTfD9CCGPwnCVoKAm8RjoQ2Y0bpK6j8X+gwDG8WjrsoWDwyirLLMhtw5FSt5r1fAuM/0cIOYNYPCeJPIIkwKV9I8DtB4D+D1dgqg1bIgTCMjyNQPoQiv4eyJlZlFdF0Afthg4WYRj3gCDGP7x09ZNDN39YC/xicaPbm6T8y0AHM/GHM/CpgbMavMfGrdd8/CyPUxs0VKeVcyvQUBp5FreUYSCzXfO9hyMPXigti/pYwijdQ2aitKEqeQMocOAFdk9T+iaJ4xcDp4Lai+LUuX6XfUMZnLAp/bTaTu0ZRBIddrOiSBTMdFbOnHWG4dY9FEfQkd/YUKjgA3A9MbKzC2YLixdjCKPnaVIIQeLyYdH8urIQPrJ/y+NGR/pL5USSKfOnke8H3GSPnazVfZaLSRW34lPiFPBA9lu/r32N1gJ2JBYhpGxTZ5pX+UMONTgXBF5D4MSvFwlnA6lhtyvJl21Zmh/lYlgn5bROp8stsXyVtFh/rOLwPe29e7+tPWR2AwXNZMSLxFZY9yfZV0U5dsWLi4Heg6TbHTbqXA7M6I/2s09VQU55nwWVDd39dOQcQgzUE/x5NLOXfNboiAqvaAJR+MnVo/zDwOQcgrI4E2rkd/9v6MKBFedWPDbzaEYXZcGgAWM4BzEoKmT+yco4Yblmzsv3aSNc3YVw5caUQrV8hBrdyDlwW0UCY6O7BUCNwuK4FN9V0D0K1O8B0ThNkMa8OdlpfBYTD4iEDJuV2W/s3GOM50uqA46SfmpxE7pNmXxn60iW+Dit73MA4Nz09rYWvMZ4jrQ74vr+KTPR3lhv/hucbjYaK2UqKX0texCXoeg2MxbJGFyCsDmAjb2Env2XIz7iT3tvIHNoRw+ApRHaupyyeyzJjgjbbbe+9bF+pNgzdE0byonlixLH3dBngKIpuBWbukoTT6akyuFbZlkyeNh1QdBRJtRJDP2Bh5g9Cft2C+QvwduRfI6Asd/noGCDjNczmEavnRqdaTazc65CTFuPb6vJkiBQmB8YzlAeRTFaBeMiOyt/h4H0Gm2kFm/8C9o+EDDUaYq/jxfMuUiULehSye+3yqrfzOnEUsq3ePPaRgQ4oMZXygiD5CBvtATtMppfEX8guKhy8TG+B5mhOFHJAacesulG89QYaJwpY05cFM72pwirPNLwT1jSaB8b1DA+z9cA7KZgQrwib0UoDM/ZS4E/OAufNPATdG8n4czg3lR+z9xReAVO8KeWDDnfusOr2doM5nqEReWINipaR59+dmaGL3TH1xIJHM/XgZZTiKzGyA12NmK0JKduHsSq3oc5i/+7H/bkFw9YpVSfL7fP1ev23Lr/5rcIJE/Oq08oJS3rFq538ZphwuuqGZxX+P5yQyaJtJXDM+Czr7K5uhz2cwCv37TbDC6dRm/BO9CFVn0DOXjKwt1E2jb7dTeLs9DLCKUGNQyktqXZ329+xDhkoQNVeLa4Bs8cmXlsz8A9A9juZdehwDQAAAABJRU5ErkJggg=='
+export const ARROW_ICON =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAABLklEQVRYCe2UMRLBQBSGdxmNGYfQqjCD4RRuQBqFoXIBF6ChD5fQOIAZCqlyBI1eoYldvLGTicTbVfGn2WT3vX83X76JELhAAARAAARAAARAAAR+kIDkvpM3mqxUT4/bF6tf+8tZPzaX+phLXU1YLFxLQzUdJix9OhU+Mz6tv9exieoubzypiCg6CCGLrN1EdBFSNvzFjP2ied5Gj+pgvzvXW+2TOmiX0y+lGPiL+ZbTQ7VWB9XNx/0uqDU7ZXVbpbCMUXk5n2bUvF1mO2omMXy18tLcy8pRMyDbV3svzX2sPz2FZPnq4iXtoUfng+qQFF+dvNTZdDk5SiF6TPDV2Usz39lRM+zlq5q1/F+aeeb9Vz49BZKvysuN7f+SsjCCAAiAAAiAAAiAAAj8BYEbhkJSAb9j+AwAAAAASUVORK5CYII='
 
 export const BACK_ARROW_ICON =
-  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAM6ElEQVR4Xu2decimVRmHL1NbTBLDMrRVWsTIJCpJSwdTNMW2qbQsiTZoQW2BxiBmEtIWKkMoKq3ICivbNLc0GdcSKwOJptWEwsL23Con426eaWb6vne+5z3vue/nLL/zz/fPOfc557rP9Z1ne59nB1REQARmEthBbERABGYTkCBaHSKwHQISRMtDBCSI1oAIpBHQDpLGTa06ISBBOkm0pplGQIKkcVOrTghIkE4SrWmmEZAgadzUqhMCEqSTRGuaaQQkSBo3teqEgATpJNGaZhoBCZLGTa06ISBBOkm0pplGQIKkcVOrTghIkE4SrWmmEZAgadzUqhMCEqSTRGuaaQQkSBo3teqEgATpJNGaZhoBCZLGTa06ISBBOkn0VtN8KrAaWAXsCzwY2ADcAHwLuLg/JLNnLEH6WQ0HAB8CDlthyrcApwAX9INGgvSe65OAj84J4Z3AB+Zs01x17SDNpXTJhN4BfDBxmicAX0xs20QzCdJEGmdO4lTg9AWmeA+wH2CHXV0WCdJu2t8FvDfD9L4MHJchTpUhJEiVaVtx0GuBdSvWGldhI7AbcOe46m3VkiBt5dNmY7uG7R45y9HAJTkD1hJLgtSSqXHjtJNxOynPXV4PnJ07aA3xJEgNWRo3xjOANeOqzl3r7cCH527VQAMJ0kASh8u4HjvHZjonAue2gWq+WUiQ+XiVWNvujr/NeWBPB37g3EeR4SVIkWkZPaizgLeMrp1W8Y/AHmlN628lQerNYYQcRqfrR04kSJ2CnAmcHDD0nwx30gO6KrMLCVJmXrY3qk8CdtnVu9wF7A/80rujkuNLkJKzs3RsUXLcDdjNwfV14ck/WgmSn6lXxEg5Dgeu95pITXElSB3ZkhwT5UmCTAR+ZLeWn08EnXPcARypnWPbzEiQkSt1gmqWm88Cdhfbu5gc9lPcG707qi2+BCkzY5KjkLxIkEISsdUwIuX4G2An5No5ZqwDCVKWINFyHAr8qCwEZY1GgpSTD8uFvSDh+IAh2c4hOUaAliAjIAVUiZTjz8MJuXaOEYmVICMgOVeJluM5wI+d59RMeAkybSp3BD4fdFhlO4fkmDPfEmROYBmrmxxfAV6UMeasUH8Y3sWrnWNO2BJkTmCZqkfL8Wzgp5nG3lUYCRKfbskRzzy5RwmSjC6p4U6Avakw4rDq98OlXO0cSana1EiCLABvzqYmxzeAY+Zsl1Ld5DgI+FVKY7XZQkCCxKwGyRHDOXsvEiQ70iUBI+X4LXCIdo58SZUg+VguF2ln4OtBh1Umx8HArb5T6iu6BPHLt8lxEXCEXxf/i2xS2LNVkiMzbAmSGegQLloO2zlsB1HJTECCZAYKSI78TCeLKEHyon8AcGHQYZVdwrUTcu0ceXO4TTQJkg+uyXHp8MxTvqjLRzI57D6H3e9QcSQgQfLAlRx5OBYXRYIsnpJIOeyxEbtapZ1j8byNiiBBRmGaWSlaDnsq1x5dVwkiIEHSQT8IuDjonMN2DsmRnqvklhIkDZ3JccVwopwWYXwr+5HTKu0c44HlrClB5qcZLYf9TNZ+LqsyAQEJMh90yTEfr+prS5DxKdwVuCzosMpeyWPvytXOMT4/LjUlyDisJseVwDPGVV+olslhl3Lt5W4qExOQICsnQHKszKjZGhJk+6mNlMNeIG0vktbOUZBuEmR2Mh4yXMqNOKwyOeycw77ToVIQAQmyfDJMjquAAwJyJTkCIKd2IUGWkouUwz6UaZ89086RuoKd20mQbQFHy2HnHPbJZZVCCUiQLYnZfbiUG3FYZTuH5ChUiq2HJUE20TA5rgGeHJCz9cDR2jkCSGfoQoLEy3EU8I8MuVOIAAK9CxK9c0iOgEWds4ueBdkDsMOdiMOqy4FjtXPkXLoxsXoVxOS4FnhSAGaTw15Y/a+AvtRFZgI9CiI5Mi+ilsP1JkikHPbaUfsOiHaOig3qSZA9h8dHIg6rTI4XAvdWvDY09I4+oGNy2M25fQKyLjkCIEd10cMOEimHfergZdo5opavfz+tCxItx0uBjf5pUw9RBFoWZG/g6qDDKts5JEfUqg3sp1VBTI7rgMcEsDwPeKV2jgDSE3TRoiDRcrwCuG+C3KnLAAKtCWK/If9+0B1y2zkkR8AinbKL1gQ5H1gdAPQzwGsC+lEXExNoSZDnDi9Z8Eb6OeDVOqzyxlxG/JYE+XbAp88kRxnrNmwUrQiyC3CnM7WPAW927kPhCyPQiiD2O/KbHNl+CniDY3yFLpRAK4IcAdghlkf5wnCfwyO2YhZOoBVBDgS+58T69uFzyxuc4itswQRaEcRuDv7GkbN9F9A+gWafQlPpiEArgljKfgY8wTF3vwPsa0+/cOxDoQsj0JIg7wZOc+Z72/Dtjp8796PwhRBoSRD7PJr9d9/Lma1JcjBwi3M/Cl8AgZYEMZx2uddO1u375Z7FznfscOvXnp0o9vQEWhPEiNoDhHZp1rtIEm/CBcRvURDDugY4I4CvSfIs5ytoAdNQF7MItCpIpCR2mGWHW56XmbWCJyLQsiCGdB2wNoCtJAmAPEUXrQtiTO1Qyw65vItJYodbdr9EpRECPQgSKYldZrbDLUkiQaoj8BHglIBRS5IAyFFd9LKDbOYpSaJWViP99CaIpS1SkoMAexpYpVICPQoSKYk9In+IJKnUjo5eXr1chuwntG8MSJ0kCYDs1UWvO8hmnpGS2AOOf/JKpOL6EOhdEKMaJcnNwCpJ4rOQvaJKkE1kzwl6EZwk8VrJTnElyCawxuHsQEnsZuJfnXKqsBkJSJAtMCMl+SFwmCTJuJKdQkmQbcFKEqeFVmtYCbI0c8bkXOCEgKTaTnIocEdAX+oigYAEWR7a/QB7D2+EJDcAh0uShNUb0ESCzIYsSQIWYOldSJDtZ8gk+RLwkoBEaicJgDxvFxJkZWI7AvY1qShJ7OrWXSsPSzUiCEiQcZQjJbkWOFKSjEuMdy0JMp6wJBnPqpmaEmS+VJokXwOeP1+zpNq2k9hnHe5Jaq1GWQhIkPkx7gR8NUiSK4FjJMn8ScrVQoKkkZQkadyqayVB0lNmklwIHJUeYnRL20meB/xzdAtVzEJAgiyG8f7AN4MkuRR4gSRZLGHztpYg8xJbWl+SLM6w2AgSJE9qTJJLhkfY80ScHcV2kmOBe707UvxNPxRSyUPggcBFQZJcAKyWJHkSt70oEiQvY0mSl+fk0SRI/hRES/JiYGP+aSiiEZAgPuvAJLl8+HS0Tw9bop4PHC9JfDBLEB+uFnUX4DJJ4gc4IrIE8aUsSXz5ukeXIO6I/7uT2J3wA/27wg63jgP+HdBXF11IkJg07wpcESSJfeH3REmSJ7ESJA/HMVEkyRhKhdWRILEJiZbkVcB9sVNsqzcJEp9Pk+Qq4GkBXX8aeJ0kSSctQdLZLdJyt+HEXZIsQjGgrQQJgDyji2hJXjvdVOvtWYJMmzuT5BrgKQHD+DjwpoB+mupCgkyfzocC6yXJ9IlYbgQSpIy8SJIy8rBkFBKknMRESnIm8NZypl7uSCRIWbkxSa4D9g0YliQZAVmCjIAUXOVhwNWSJJj6jO4kSBl5+P9RREryPuDUMjFMPyoJMn0OZo3AJLkeeHzAECWJdpCAZZa/i0cM90kkSX62oyJqBxmFadJKkZKsA94z6WwL61yCFJaQGcOJlMTOR+yQS0UvbahqDZgk3wUeGzBqSTJA1g4SsNoydvHI4VH5fTLGnBXqJOCsgH6K7kKCFJ2eZQdnktgDjt47if2u3T4FZz8V7rZIkDpTb5LY4Zb99Sy3DyJ2+1FRCeK5vHxj2w5in2nb27cb1gDvd+6j2PASpNjUjBqYSWKHW547yY3AM0eNpsFKEqT+pNoJu91x39NxKt2uk24n7riYpghtd9ptJ7FLwR5lL+A2j8Clx5QgpWdo/PhMEjsn8dhJ7FDu1vFDaaemBGknlzYTr51k514/1iNB2hJksyR2TmJPA+coNwP75whUYwwJUmPWVh6z/SLRXk738JWrrljjNGDtirUarSBBGk3s8ItE+2XiIjvJX4DHAfa3yyJB2k77fsOJ++6J03w5cF5i2yaaSZAm0rjdSdhL6b6TsJPoRXN63L19O4YZPnr4ZuITR85YP8EdQGkHGbliGqlm7+c9ecZbHO8evvN+OnBTI/NdeBoSZGGEVQZ41PB8lT2m8ndgw/D60yon4zloCeJJV7GrJyBBqk+hJuBJQIJ40lXs6glIkOpTqAl4EpAgnnQVu3oCEqT6FGoCngQkiCddxa6egASpPoWagCcBCeJJV7GrJyBBqk+hJuBJQIJ40lXs6glIkOpTqAl4EpAgnnQVu3oCEqT6FGoCngQkiCddxa6egASpPoWagCcBCeJJV7GrJyBBqk+hJuBJQIJ40lXs6glIkOpTqAl4EpAgnnQVu3oC/wG+FbDYSyVwRQAAAABJRU5ErkJggg=='
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAVKADAAQAAAABAAAAVAAAAAC3aM1AAAADEElEQVR4Ae3bz2oTQRwH8N1sshUr1rbSBhPqpQdP/qGgiAeF9qAnTx4Fb76B2DfQkw9SLz0Jgp56qIUgMfRWECNRLLVgxWqTNOPMwqabmdmZ3ckE1803EHbmtzOzM5/MBnaHcRx8IAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQ+PcC7qi6sLh4b6I9uf+Ate//mlnb2Xl1NKprZand4ig6c2Fp6Xy78/21Q9xrrP326f3H9HCbfnssn+eP9RlauXR9tui7b4njXI7Cecfk6sftrXo0lsd0weag2MyUYdJrdHunjndtXiurbVm75YOZ2XHf8DOTDZwQ8qRZq33NKoLNflmZoXG3edBR4j793Nh6YbPTWW5r6P9QHWazsfk8ywC2+zYUKDDFn8MYFJgiJosYgQJTjmkECsx4zNSgwFRjpgIFph4zMSgwk2EmAgVmckwtKDDTYSpBgZkeMxYUmGaYUlBgmmOymgNvm5SYrrM6bi86TGj7j55azPq7ZyYXGLc64QwteL67Lns5TJ/2V5vATDwvAtCLV248ojVuCbWAKZDoAgEoIc4doSAwBZIkgfCWF8sSs1d7YkPjFfHYcM+Vq9P0cJ8b+vJUuXr041trg4sjqxAIQClafWq+ukLLLXBlV4DKiWiyASgtQ85MV9Y9z71L0/NcHaByIKpsCOr83Gv9pqhrQFVx6c/1QVlRoOrBdCUGQIGq49KfF0CBqkdTlZCCAlVFpj4XCwpUNVzcWSUoUOPY4uNaUKDG48nOJAIFqoxOHksMClQ5IB9NBQpUnk/MpwYFqogYjRiBAjVKOJg2BgXqIGSYGwoUqCHjyXFo0BB1slp+6fUK0vepZ+cqBwe7rc2Ty+Y31V+XtzFEtvGr1CnK9ip13VJ34dMY7FWKX6QzEP5Sq+11St1l+it94KoXC3+8OS6Wy6xVUCYUotJVlfcRsQ26z7MRyec2aR2USTFU/3D2Jl2Ifsi+/uEMWwDM/U7k3M4SDAwCEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQg8N8J/AVzg4R5uVb36AAAAABJRU5ErkJggg=='
 export const WHITE_ARROW_ICON =
-  'data:image/png;base64,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'
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAVKADAAQAAAABAAAAVAAAAAC3aM1AAAABuUlEQVR4Ae3bwU3DQBCF4TgXCggXqqAaGqCDnEI9XCkjnJEoB3Ewz1Iicdj4KaO3ilh+S6tEnszY+3mSHFa72XAggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIDA7QWmXrcwz/Odaj+d6r9N0/TV61rD1xXmvcaHxvk46s12+In3mKDgdhqfZ8lfr489rjd0TeEtndnC/Nb5h6Enn56cwC51pkLzPn29oesZzMPQk09PDsygKJhgBgWCpehMMIMCwVJ0JphBgWApOhPMoECwFJ0JZlAgWIrOBDMoECxlOvMleKnxS4EZfMbC3Gq8a7QOOvNaayk+tyR1DsxrMZfPC+61AQpmAXNtabfbmn3hPv9WirqTr3zykQmUP6Uk6FJLqGvLwPyeVsBBraiZHFANUCUMakXN5IBqgCphUCtqJgdUA1QJg1pRMzmgGqBKGNSKmskB1QBVwqBW1EwOqAaoEga1omZyQDVAlTCoFTWTI9RLe5QUYluN4WuHV1DZ+NUm82dXUNma6Pnanzih/svNs92WioXK9u52v3EWAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEugv8AHzTMi/JW4a3AAAAAElFTkSuQmCC'
 export const CLOSE_ICON =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAwCAMAAACL67K2AAAAV1BMVEUAAADS0tPIyM3Hx83IyM3OztXIyM3IyMzJyczJyc3Jyc3Kys7IyM3IyM/Z2dn////IyM3IyM3IyM3IyM3Hx83IyM3IyMzIyM3Jyc3JyczJyczKys7Hx8yISXYNAAAAHHRSTlMAEM36rBPz5pZ0Xlo1JQYCoN/QtrKRjG1kVUs/gBGEwAAAAPxJREFUSMfVlkkOgzAMRZO4YS6l8+T7n7NSkfgKNaT6O94KsB4yJrHjNoZ/VpdQShku1dP/I/SPsyiQ86PPGIf2qHOO7WFN6YJahG5ZaURtpFnK66bL3Oz8Bl1jsJRa16l/lZfmeM2VWGSdIs6cSvNUqbIXzSP7xNkhcvfdabo5df6O0C75Gkme+6AjwSfvk+hAoxNX95WguCuCjZ1aGUdpUmJpJtcXCoIfJVyAokfVVH+lAQpA5d5qSA4KeE+RVi0JCmjN5QkJCqgZh8mNqQFTa+afEmuHWaPMXiD2HLO3iR7C9CqiJxK9l+jxzCxhZxY/G/kZzM96+0yxLT60a33b6V9sUAAAAABJRU5ErkJggg=='

package/packages/dof-select/index.vue

@@ -106,7 +106,7 @@ export default {
   },
   methods: {
     color(item, i) {
-      return item.disabled ? '#b4b6cb' : this.index === i ? '#267aff' : '#020f13'
+      return item.disabled ? '#b4b6cb' : this.index === i ? '#00A4F2' : '#020f13'
     },
     display(item) {
       let result = ''
@@ -227,10 +227,10 @@ export default {
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #d7dde4;
-  color: #666666;
+  color: #616C73;
 }
 .btn-confirm {
-  color: #000000;
+  color: #1E2E37;
 }
 .dof-radiogroup-title {
   width: 550px;

package/packages/dof-select-picker/index.vue

@@ -72,13 +72,13 @@
   flex: 1; /* add by lau resolve bottom button */
 }
 .leftBtn {
-  color: #666666;
+  color: #616C73;
   border-right-color: #e5e5e5;
   border-right-width: 1px;
   border-right-style: solid;
 }
 .rightBtn {
-  color: #267aff;
+  color: #00A4F2;
 }
 .midea-actionsheet-btn:active {
   background-color: #f5f5f5;

package/packages/dof-side-nav/style.js

@@ -1,9 +1,9 @@
 export const STYLE_MAP = {
   default: {
-    backgroundColor: '#f9f9f9',
-    textColor: '#999999',
-    activeTextColor: '#333333',
-    activeBlockColor: '#333333',
+    backgroundColor: '#F6F7F9',
+    textColor: '#8E969B',
+    activeTextColor: '#1E2E37',
+    activeBlockColor: '#1E2E37',
     activeBackgroundColor: '#ffffff'
   },
   colmo: {

package/packages/dof-simple-flow/colmo.css

@@ -8,6 +8,7 @@
     width: 12px;
     height: 12px;
     top: 9px;
+    left: 32px;
   }
   .first-one-title-line {
     top: 18px;

package/packages/dof-simple-flow/index.vue

@@ -10,6 +10,7 @@
           item.highlight ? '已完成' : '等待完成'
         }`
       "
+      style="width: 750px;"
     >
       <div v-if="leftContent" class="left-content-wrap" :style="leftContentStyle">
         <slot name="leftContent"
@@ -22,10 +23,20 @@
           >
         </slot>
       </div>
-      <div>
+      <div ref="rightContent" style="flex: 1;">
         <div class="title flex-row">
           <div class="line" :class="item.__titleLineClass__" :style="item.__lineStyle__"></div>
-          <div class="point" :class="item.__pointClass__" :style="item.__pointStyle__"></div>
+          <div class="point" :class="item.__pointClass__" :style="item.__pointStyle__">
+            <div
+              class="highlightInner"
+              v-if="item.highlight && !_isColmo"
+              :style="{
+                backgroundColor: item.__pointStyle__.innerBackgroundColor
+                  ? item.__pointStyle__.innerBackgroundColor
+                  : '#00a4f2'
+              }"
+            ></div>
+          </div>
           <text class="text-title full-rest" :class="item.__titleTextClass__" :style="item.__titleStyle__">{{
             item.title
           }}</text>
@@ -33,7 +44,12 @@
         <div class="content flex-row" :class="item.__contentClass__">
           <div class="line" :class="item.__contentLineClass__" :style="item.__lineStyle__"></div>
           <div class="full-rest">
-            <text v-if="item.desc" class="text-desc">{{ item.desc }}</text>
+            <text
+              v-if="item.desc"
+              class="text-desc"
+              :style="{ width: rightContentWidth ? rightContentWidth + 'px' : 'auto' }"
+              >{{ item.desc }}</text
+            >
             <text v-if="item.date" class="text-date">{{ item.date }}</text>
           </div>
         </div>
@@ -85,7 +101,7 @@
   bottom: 0;
   left: 38px;
   width: 2px;
-  background-color: #267aff;
+  background-color: #dddddd;
 }
 
 .first-one-title-line {
@@ -103,22 +119,32 @@
 .point {
   position: absolute;
   top: 6px;
-  left: 32px;
-  width: 14px;
-  height: 14px;
-  background-color: #267aff;
+  left: 33px;
+  width: 12px;
+  height: 12px;
+  background-color: #dddddd;
   /* border-style: solid;
     border-width: 2px;
-    border-color: #267AFF; */
+    border-color: #00A4F2; */
   border-radius: 100px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.highlightInner {
+  width: 12px;
+  height: 12px;
+  border-radius: 12px;
+  /* background-color: #00a4f2; */
 }
 
 .highlight-point {
   top: 4px;
-  left: 29px;
-  width: 20px;
-  height: 20px;
-  background-color: #267aff;
+  left: 25px;
+  width: 28px;
+  height: 28px;
+  /* background-color: #ccedfd; */
   /* border-style: solid; */
   /* border-width: 6px; */
   /* border-color: rgba(38, 122, 255, 0.3); */
@@ -127,7 +153,7 @@
 
 .text-title {
   font-size: 28px;
-  color: #8a8a8f;
+  color: #8e969b;
 }
 .left-text-date {
   font-family: PingFangSC-Regular;
@@ -136,13 +162,13 @@
 }
 
 .text-highlight-title {
-  color: #267aff;
+  color: #00a4f2;
 }
 
 .text-desc,
 .text-date {
   font-size: 24px;
-  color: #a5a5a5;
+  color: #8e969b;
 }
 
 .text-desc {
@@ -155,7 +181,12 @@
 </style>
 
 <script>
+const dom = weex.requireModule('dom')
+const modal = weex.requireModule('modal')
+import ColmoMixin from '../../mixins/colmo'
+
 export default {
+  mixins: [ColmoMixin],
   props: {
     list: {
       type: Array,
@@ -179,6 +210,11 @@ export default {
       return this.adapter(this.list)
     }
   },
+  data() {
+    return {
+      rightContentWidth: null
+    }
+  },
   methods: {
     adapter(items) {
       const {
@@ -188,7 +224,8 @@ export default {
         highlightTitleColor, // 高亮标题 title颜色
         highlightPointInnerColor, // 高亮节点的 圈点颜色
         // highlightPointBorderColor,
-        titleSize // 标题字体大小
+        titleSize, // 标题字体大小
+        highlightPointOuterColor // 高亮节点的 圈点外框颜色
       } = this.flowConfig
       const len = items.length
       const pre = Date.now()
@@ -207,6 +244,9 @@ export default {
         if (lineColor) item.__lineStyle__.backgroundColor = lineColor
         if (pointInnerColor) item.__pointStyle__.backgroundColor = pointInnerColor
         if (titleSize) item.__titleStyle__.fontSize = titleSize //add by lau 新增设置标题字体大小
+        if (this.rightContentWidth) {
+          item.__titleStyle__.width = this.rightContentWidth + 'px'
+        }
         // if (pointBorderColor) item.__pointStyle__.borderColor = pointBorderColor;
 
         if (index === 0) {
@@ -223,7 +263,15 @@ export default {
           item.__pointClass__.push('highlight-point')
           item.__titleTextClass__.push('text-highlight-title')
           if (highlightTitleColor) item.__titleStyle__.color = highlightTitleColor
-          if (highlightPointInnerColor) item.__pointStyle__.backgroundColor = highlightPointInnerColor
+          if (highlightPointOuterColor) {
+            item.__pointStyle__.backgroundColor = highlightPointOuterColor
+          } else if (!highlightPointOuterColor && highlightPointInnerColor) {
+            item.__pointStyle__.backgroundColor = highlightPointInnerColor
+          } else if (!this._isColmo) {
+            item.__pointStyle__.backgroundColor = 'rgba(2,162,242,0.2)'
+          }
+          if (highlightPointInnerColor) item.__pointStyle__.innerBackgroundColor = highlightPointInnerColor
+
           // if (highlightPointBorderColor) item.__pointStyle__.borderColor = highlightPointBorderColor;
         }
         return item
@@ -250,6 +298,15 @@ export default {
         return rgbaColor
       }
     }
+  },
+  mounted() {
+    setTimeout(() => {
+      dom.getComponentRect(this.$refs.rightContent[0], rect => {
+        if (rect && rect.size) {
+          this.rightContentWidth = rect.size.width - 140
+        }
+      })
+    }, 20)
   }
 }
 </script>

package/packages/dof-slider/index.vue

@@ -99,7 +99,7 @@ export default {
     },
     trackColor: {
       type: String,
-      default: '#F2F2F2'
+      default: '#F6F7F9'
     },
     theme: {
       type: String,
@@ -444,7 +444,7 @@ export default {
 }
 
 .dof-slider-bar--brand {
-  background-color: #267aff;
+  background-color: #00a4f2;
 }
 
 .dof-slider-bar--purple {
@@ -457,16 +457,16 @@ export default {
   background-color: #29c3ff;
 }
 .dof-slider-bar--cyan {
-  background-color: #00cbb8;
+  background-color: #00bdb2;
 }
 .dof-slider-bar--yellow {
   background-color: #ffaa10;
 }
 .dof-slider-bar--orange {
-  background-color: #ff8225;
+  background-color: #ffaa10;
 }
 .dof-slider-bar--orange-red {
-  background-color: #ff6a4c;
+  background-color: #f56428;
 }
 .dof-slider-bar--gray-offline {
   background-color: #7c879b;

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

@@ -111,7 +111,7 @@ export default {
     },
     validColor: {
       type: String,
-      default: '#267AFF'
+      default: '#00A4F2'
     },
     disabledColor: {
       type: String,

package/packages/dof-slider-scale/index.vue

@@ -28,7 +28,7 @@ export default {
     color: {
       type: String,
       required: false,
-      default: '#8a8a8f'
+      default: '#8E969B'
     }
   },
   data() {
@@ -99,7 +99,7 @@ export default {
   white-space: nowrap;
   font-family: PingFangSC-Regular;
   font-size: 20px;
-  color: #8a8a8f;
+  color: #8E969B;
   font-weight: 400;
 }
 

package/packages/dof-special-rich-text/index.vue

@@ -57,7 +57,7 @@
   }
 
   .primary{
-    color: #267AFF;
+    color: #00A4F2;
   }
 
   .blue {