dolphin-weex-ui 1.2.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.native.js +2679 -1273
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js +3622 -2199
- package/dist/index.web.js.map +1 -1
- package/index.js +2 -0
- package/package.json +1 -1
- package/packages/dof-actionsheet/index.vue +21 -9
- package/packages/dof-button/index.vue +9 -0
- package/packages/dof-button/type.js +31 -0
- package/packages/dof-card/imgs/confirm.js +1 -0
- package/packages/dof-card/index.vue +85 -7
- package/packages/dof-diamond-tab/index.js +1 -0
- package/packages/dof-diamond-tab/index.vue +299 -0
- package/packages/dof-icon-button/img/loading.js +6 -0
- package/packages/dof-icon-button/index.vue +198 -8
- package/packages/dof-modal/index.vue +98 -12
- package/packages/dof-popup/index.vue +8 -4
- package/packages/dof-slider/index.vue +127 -21
- package/packages/dof-slider-scale/index.vue +14 -2
- package/packages/dof-switch/index.vue +4 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
gray:
|
|
3
|
+
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAACGFjVEwAAAAYAAAAANndHFMAAALHUExURQAAAJuXmZmWnZ6ZlZeZmZmcnJmYnZudoJyam52am52dmp6anJmanJuZm5ucm56am5uXmpmam5ebm5qZl52bnJiVmpiYmZiampebm5ubmJmamZeZmJiYmpiZmZmYmJabmZmZmZeYl5mamZiYmJmZmJiYmJmYmJiZmZiZmpmYmJmZmZmZmZqZmZiZmZmZmZmZmZiZmZqYmpmamJmZmJiYmpiZmJmZmZiYmJqYmJmZmpmZmZmZmZmZmpmZmJiYmZiZmZmZmZqZmZiZmZmYmZiYmZmZmZmZmJmZmZmYmZmamZmZmZmZmZiYmZmYmZmZmJmZmZmZmZmYmZiYmJmZmZiYmZmYmZmZmZiZmZmZmJiYmZmYmZiZmJmZmZmZmZiYmJmYmZiZmZiYmJmZmZmZmJmYmZiYmJmZmZmZmJiYmZmZmZiZmJiZmZmYmZiYmZmZmJiYmJmYmZmZmJiZmJmZmJmZmZmYmJmZmZmZmZiZmZiYmZmZmJmZmZiZmZmYmJmZmZmZmJiYmZmZmZmZmZmYmZmZmZmYmZiZmZmZmJmZmZmZmJmYmZiZmZmZmZmYmJiYmZiZmZiZmJmZmZmYmZmZmZiYmZmZmJmZmZiYmJiZmZiZmZmZmZmZmZmYmZmYmZiZmZmZmZmZmZiZmZmYmZmZmJmZmZmZmZiZmJmYmZiZmZmZmZmYmZiZmJmZmJmZmZmZmZiYmZmZmJmYmZmZmZmZmZiZmZmZmJmZmZmZmJiZmZmZmZmZmZiZmJiZmJiZmZiYmJiYmZmZmZmZmZmZmZmYmZiZmZmZl5mZmZmZmZmZmZiYmZiZmJmYmZmZmZmZmJiYmJiYmZmZmJmYmJmYmZiZmJiYmJmYmJmZmJmZmZmYmJmZmJmYmZqZmZiYmJiZmZiZmJiYmZmYmJmZmJmZmZiZmZiZmJmYmJmZmJmZmZiYmZmYmJmYmZmZmJmZmYDOeJoAAADsdFJOUwAFBQUFBQUFBQUFBQUFBQUFBQUFBwgJCgoQFRUVFRUVFRUYGBkZGRkZGhobHBwdICAgICQkJiYnJygoKSkqKioqKisrKy4vLzAwMTM1NTY2Nzc4ODg4OTk7Ozw8PD9ARkZGRkZKSkpKSkxMTExMTExNTU1O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',
|
|
4
|
+
white:
|
|
5
|
+
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAACGFjVEwAAAAYAAAAANndHFMAAADGUExURQAAAP////////////////////////////n3+PH09P7+/v39/f////////7+/v////////7+/v////7///////7+/v////7+/v////7+/v////////////////////////3+/v////////7+/v////////z8/P/+//////////////////7+/v/////+//7+//7+//39/P///////v////7+//39/v///////////////////////////////////////////xXOK/kAAABBdFJOUwCyZkyZzIDlBAIGGTNHJzgJE0A5jiAwLGsXWV+qUL41HnF8RoV6Di+gVV6RSmKfIyocdT3z4xHb08ajiU6swIK31xBXCgAAABpmY1RMAAAAAAAAADwAAAA8AAAAAAAAAAAAAQAYAAB3mUkyAAABTElEQVRIx+3UUU+DMBSG4SIKFHDIiAOdU2IUBJxuupiYmRj//5+SXujXk6V4Al6QZe/lgSc0hSIO/WuyP802m5e+Nv9qW/XEU4UX+44fm8zvwOflusO6rnt1ZsLyxrZts9660MCwbaERL11oYNi2ZyP2nqCBdRtJYcyHBtatJzryH6CBieXo328bNoH9Y+VSO1UheS7j2QnOcwHL1FMM3ngWb8zyBYpgGYV0b2Qci3EWhCjHGBUBKgSpOtGrd+3qSK8k164Jfvd28JzgpRyEhyx70IaNs0lKdkTmueRS796ytp5ma8epfaa9tdpmGKydtrnPt1aKn0HgQLPsp2LTpjlVswqaY+/UjfFxW6CGl9BMKyYKzwRXw1IMzbPARHtGbMNSDP1qxBksxdCVEUewFEOXwliSLWAJVsnoIxXcgNG+41jhi17051QdGknfoesuwO52KKoAAAAaZmNUTAAAAAEAAAAwAAAAMQAAAAYAAAAGAAEAGAAAe0g+9AAAAU5mZEFUAAAAAkjH1dJxS4NAGMfxxyz1bm62raa0VhKl6VrNGoNYEL3/N9Udgb97cnckxGDfP93vM0842l+22bxSj/Iv1boHmGiwODbwdJFJOxCXZcP3wzAMr89tQNz6vs/FLoQAwF4VM7AKIQCwV70wED1DAJj7RBBLQgAY+2lEv5KPrQDA/2PffQfuknMPIYzbGmNvF1PSaUaF5fz8OyZ4sMXe/g5PEkra81gSMf8/sR3T4RvEKN83KAaoIKrOzOrufn1iVtINA+9RB8wZWPUGvY/U+6MP3yjlVyNvhGsePXjezhCiDoJaOvZ3nmqGB02gmkv33kuNaxNAWPef+tCT5XJIqgrCtr/XP45PVQP98OpHRO49jTSYkSGkYw/gENhzYD2Vjz0HEG8MZNhzAFExkGDPAURJrGm2kGQDJJKPlFwBoGMD7V36W7it/9E3opUus0eiQSEAAAAaZmNUTAAAAAMAAAAwAAAAKgAAAAYAAAAMAAEAGAAAqDiL4gAAAU5mZEFUAAAABEjH1ZNtT4MwFEYvotAC2xyYScQp8QWEOcd0MTEzGv//n7JNyB6uozV8WbLzjXLOpU0KtTxfpAHtiH8UczzLVbkmxsj3/etzUyBvXdflxdZHgQC+YsaCpY8CAXzFigXiCQWCrj+RZC4QwBf0h2BXIICfwMc3XlDkOmj654OgLfRm083mlRQR5puLhDQ6o8IyH+eIsfCO+eZvOILABPP7kRGfJ6dTOjxhBPI+oQhBQVSddan3/eakS0k3LPgQe0HGgiV9DQ34lrJ/tzT40Idn3Eh2NfJc2nTx6Dhb0fFrz6sDi3/nKCIsrD1FFth9p8QPFHoojP63VuPF4p4UFQqT/6BfTk8VoV68QmHxaayDGdkK+DxAYfYRsEKwwIXPAxRvLEjh8wBFxYIJfB6gKImRpHP4CFpk8nlJNhCAYwvauzQAdVtH1Msv0w8oE9HaEgsAAAAaZmNUTAAAAAUAAAAxAAAAMgAAAAYAAAAFAAEAGAAAjGNv2wAAAW1mZEFUAAAABkjH1dIPS8JAGMfxp+nm7uacm3/ypqU1lhSWkJgiFez9v6nuIHru19zBIJC+MLgNPnt23Oivyo/HeSug9r3eftVGjHq6orWILy+yMpfNIpx1H38D3/fHYZOQV1VV5ShK3xCJAkB1QpFrwFNYMKhKFOGYCQsb3A7pPJEgELgInzkCTFofFu21mDgAThF6PT8cPNJ9MHCQqVkL46jPwEUSfrBj4CAvoXX/yaAhMU0kvCLbCbpE6TWn6Ewy5cyeiiu79zpYdez0sZ5ALERNFCBiokU7sRHUAXFDtSYgtuavS35aRnSmoYpUFEVK6WtIF2m1xb0rRc5Cr9u9s4jYeF4hXGDW1Q2sCZ4uFi5g2qJAUgffX9V/LRPSFUyagdTrh/sgCFKzkbiZCAvQJNANCIhjAgsgjgksXCRjgILJGsUTAxRMMhR9BiiYDAhbPm8MQMFknSHgUED/UbwZkVKbkrIcUbuEoIa+AIklK1lsmuedAAAAGmZjVEwAAAAHAAAAMQAAADAAAAAGAAAABgABABgAAPibFz4AAAFpZmRBVAAAAAhIx9XScWuCQBjH8SdLu9PMdNnS2moTF4O2oGhFbIPe/5va3Qb73ZN6w79iXxDPOz7I6VF9+fE4ozZl+35/v2wjbvqqorUIry+SMhfNQkx7z5fAdd2xaBJ+53w+51yULggEgOrERe5+E58JAF3JhRj/EHEhAO5HVE98Q1gBiMA/twK9ZpBgr0T6BwCRajw7HBxSfQBYyIRUUjsa2AD2EmFiB2AhrwLP8hOgITmJFEAi2Um6RvEtymo/YYz0noqO2XsVLLtmKdGJibmsiIKJkGjeTqyJukzcUaWUiY0+ddFvi4BqGmVZFgTqUvcRXaXlhu89y8iacHq9rUnWjlNIG5j2VEPjDY4qlDag22AmdkCawYNeH2zLiFQFSDPw1fjp0fO8WA1kCGIDlHqqIVkJgCFsRAIYwkYSAC5AVlzkAFyAJFwMALgAGRJv8bLWgAuQVcIAqgr0H8WbFjG1KSrLHdX3BXZ6K3b7owa2AAAAGmZjVEwAAAAJAAAAMQAAADAAAAAGAAAABgABABgAABXoJmIAAAFjZmRBVAAAAApIx9XT3W6CQBCG4a8IuAsigmJdtNWWUNPG1kTjT0zbhPu/qe6edJgKm3Bk+oYTIE+GCVk0l5/Pc3RJHfr9Q9ZFjPu6orOIbi/SMhftQszc17/A87yJaBPBXVVVORelZ0jABQPVhYtcA5pCgkBVciEmREjUweMIFkKCA15AhP45A1YSHrTILIB/mAQwP50c6L4IWMgUOmkcBgRsJKYHewugXT4CuhffBFqS01iwqele4hYl95RCQ6OEMjsVd/U+r8GqVy8DLkwsrvcsmIiARUch0WPiAVdlTGwBhPFvy7BxcxWGSqnQXCPcpNWW764UrAnHdXd1snGcQtrAzNUNaxMcXSStgIvEIdIOnsz7wa6MoSuItANzoF6efd8/ApARERtA5uuGYMQCSNiIJMBEO0kJcEFkzcUbAS6IpFwMCHBBZAje8n1jABdE1ikHFBes/yiORiToUlyWYzT3A6HLK0BOYPesAAAAGmZjVEwAAAALAAAAMQAAADEAAAAFAAAABgABABgAANhnSGIAAAFbZmRBVAAAAAxIx9XSf0+CQADG8Yco4YAksSHLNNYPDU0Fc23Ottb7f1Md5fbciXeNv5zf/7jts+c2DoaK8bhAm8IrWdVGRLWIzlHEmeubhb/YvR2AvuM4j75JBK+e5x2QzCGhIJDd6mLkkByKYOnVZboInkkolAXvPoCFUBDcABZCoQIryWtR2QHJC2Sz7XYGQCwJLKQLmf93OwIbGSg/lsBEvhxn5/PbdwgMiUEqAQuSvsAp6nVZD0fKE5YDSC7VkibIvtUyYK6JeVNsNLH5X4iGeNLENRqtNbEGEKYsxJHKEStxksJKQO1jAmt+0enMFCJi142EDdx1ZLnyHlzZg7CCpqiJDexvVQ6HJWQxiREMAwCTC9mkPiSxAoS1CH+P+yRmQGFZEQSqsKzEBLrgykoXnwS64EqqiwGBLkgq6KXFuw+TgFhFEtiiYOco9u+qTdPFYop2CYHj/QCnBy7hYNi3cwAAABpmY1RMAAAADQAAADEAAAAwAAAABQAAAAYAAQAYAgC+YINyAAABU2ZkQVQAAAAOSMfV1G1PwjAUhuFTp9BSZDJ0LCK4+AIOxAwkJAQT4///U7aR5NmR9STwhXB/25KradOTUqBiNCrokOyVyx4i2l60z1HEWaTDQs+378TrKaWedEi03prN5j+SKRAIANctF0MFAgHgyrhovYBAVMFDiwQCAXBDJBAIBiSSe5HLAOSVXNPNZkquDwCBdMil/3YHIJF+5WIBQuRbqa3Bt1YAgUw/1WyJpGfoFHU7qEs15Qnyd5RcVkv2QfZTLSOaMTHbFysmVseIZyau98WSiSUR2RRZqqkcopJOkl3wqViPSUwXjca0QkwcRW0jgfuGK6/MQ+R6NCLgYh2BhMBuV+VgUJIrBgmCgX+Xxheusf8JIgKyXlhiRAAQEjEATHjSqyUxABcgd1x8AXABknLRB+ACZ1kQLy0+NYUEmU7qgBQEOkexm6tDmsznE6rtF0d9LnEPRP1QAAAAGmZjVEwAAAAPAAAAKwAAADAAAAAFAAAABgABABgAAA+XEmcAAAFZZmRBVAAAABBIx83S7U7CMBiG4adOWbsNJlsCUwQXP8CBKKgxIZgYz/+k3IDybGsX+SPh/vcuV5u3ydBQNhplOCz/Is8/zAaFDU7Zhokjm62cr9vQxUKIO9lkvSfXdZ/1lAhiWtK8mR6Hgrhu5Ya6yf7oAzFtmd54MHDdejt6CUZMa1AbTgubGtTAj8ibrlZTAOqF1Io7mxdtdyG14z4/xKQm/hZiLTlLQWqk+oGsHI5ihf+v22FdG0ijbUB0Xi4yafKzC5hV7My0H3ur/rKKFu2KvYfRGy38HrsiYYvhNhwrf6kq8+e4Scqs1ZqWsAodJ1B2et3KS0u3Onm3yk5rtusQm3S3w2IwWCAvJLbQgQdgfJY3Lj4SN1D4hfX164gNSlsk4zpWpDVrrhGSVi3xq7ZfGyphWOKJHvu8tWq58xK6XvYu0WShOgEpq1l2ylb/Dwc1mc8nqPULQVonzTV6zZUAAAAaZmNUTAAAABEAAAAyAAAAMQAAAAUAAAAGAAEAGAAAl2zYSAAAAWZmZEFUAAAAEkjH1dL/T4JAGMfxR0TlQEBQTNDSYuTaLDed1Vy1+P//qY6VfI5DnsVPzvcvfNleu+duRw11F8eUWuV0ZEEr4hfk5lrJMAlFM7GSLNTF0jTNmaURiEmv19PNswkDAiHLNLIxYUAgZIlG7HsYEFVMLGJMhdh/wiZizbIkFgRvnILE1akYY5DsdrH4kA+BNVizIpkQJJtCsGar3AJMxZmdUL5fsEZTwvMKAeNPBV2o1wg90pmcMYpJ5veVHoZ1MT8M0CEhEllfbVcT4m2g9l4j2T8IjSvEp1qGKg5zkgUeCuhMUeqeSld0qeJYkJK1HxKfSA2jq4qvPP+0WeEashg/wlzWsVmhkX0Ow4iUZNHveYpvmGbhFtsfdWWj4uUOhhUUFyQg3kAUOSWB4QRIxVgaWUNUB4OZaSSEqBIYUyMeRJXAPJFuwvVJYC8w2TEhPqyCrpWUd6xF240bUcsENfUDJ3krT1v63wMAAAAaZmNUTAAAABMAAAAwAAAAMQAAAAYAAAAGAAEAGAAAl6xrUQAAAWRmZEFUAAAAFEjH1dLbToNAFIXhXQp2Bkop9GCh1dYQbDRVkjaoadSE938pGY0utjCjXNjEdUGA/B8XZKh9/dUxpQ7zetXCDiBQ4Py/geFtJPVAJFnE+7Vt2wuhA+7UcRwu7myIBhCqdzIGdjYEAPpqCQPuFQRAvZ8K0goA3hvE+gu46E3CUyDm39cKS91frFbPRCTRG8SGVCrVdY7eIHK8CNDrxV7iWdyjb5/MR6qHCOaSTr6HGXbdFngTLCYKzuobNvtlMcCKhDIG9o1ePg7qe/oGsp/BhIGAGrPqfbEkCkdYSC2bpf7n0g2dfmHMj8ZhaMxlalm7mhCvZfniGnrfqhbjRVRW67mmnoNDCaHt049f+f4H5SWErvclEY371cbqBsLUU6xASCaBngMIfQ/AhGBgi54DiAUDEXoOIGwGRug5gLghLqKt6jmAyI4JaQfw+3l/DuJOAGepw/KdP6NOk6TZG2tBK3IHAWi0AAAAGmZjVEwAAAAVAAAAMQAAADEAAAAFAAAABgABABgAADRm/3IAAAFqZmRBVAAAABZIx9XS/0+CQBjH8UcE5UBE8EuClhYjV7PcdFRz1cb//091t6LPHXjX+KE53z8dt732sGdHmrrLY0Zt8ju8qI0Ihbi6RDF4jJleeGke18DKtu25qxPexHGcGnmyQRrCFcDJVbG1QSAAeKkqvFsQCBlMPNITCBWYyKoSMjASX4hEXP4AfqknFvGul8t3ImKYYCJr4jFGvBkmmMgOFyEmGMieSd/PmKCJ7YYcIDecMTpHL1N0TyfyxygR6+hJ3Q2aYFH0UZESy3ty+wZgr325t7rI/xY0VkRIjSwZFAsiioYoohNNs6AqW9NZShKScw8DMsYCy9rK4LMsPzwz4ElT4pLX8UxAJC3sUILoQUa86fci2Q2IFgSMn0dd3kgcQLTAJV4iRERGggmqADEACIW4qtgAqAJkrooYQOT/ChBbFUMAVYA8UI3Emwrgr0DyY0r6IFrktxbJfwu8qzbttsGa2sVI0xduqitsqu1X/QAAABpmY1RMAAAAFwAAADEAAAAxAAAABQAAAAYAAQAYAADZ8CybAAABTGZkQVQAAAAYSMfV0uFOgzAUhuGDaGkLDgF1xDklRocwN4cuJmYmxvu/KVuX+HGcbcKvZe8vIHmgtIccnc7nOQ0pPjZlQ8SlFaNDFOOPVLmFnpYF8WohxJV0CX0fBEHKRSNAIABMJRevAgQCwBRyIScgEH1wJ4mnQSDcgH8FggM3wVx5ARbW9GZXfQJ4SNw7VwAf6XpnD+AirRCtwr3cBMEDAEKqqiwAGY9oL81iNKN/qhJk97E+6rfaBe1Jv4bUgonJDpDvTNwMF8NXNfTPO9pLWcanpEgU+ZJpGKaEdBBFS+kHpjc8yCPTUrtBEdp+Nmy7liICcYPEXr+s16V11yCuJYW39u2rL1NlLs625FF7gWlqRU6MeACEjygALkAkF88AXIAsuEgAuADZcNEBcAHyRH9IfQHAhE2X5wA8LliHKH7nCvnC7A5KkaNv/ZkuycQQmEYAAAAaZmNUTAAAABkAAAAwAAAAKgAAAAYAAAAGAAEAGAAA4BXCLwAAAUZmZEFUAAAAGkjH1dLtToMwGIbht6KlBVwdqCPOKTE6hDnddDExMzGe/0lJl+jTN6xN+LPE59/IfcH4oP07XSxyGrD0uNt4ALi0YPTfwOTTaD9Qs7LgfS2lvFI+kNwLIQwDjYQAcHtRMvAmIQDcXkQMqCkEgNvfKWJLIAACPRMArPcKfEuhHqJxvlb9hd4vUud1og+ItfPG0XtEK2Wr8VtthXhQFJiuKttDTEZ0+M1TbL4vqDIsJaqP3K36fXvirqElA9Nerz4YuBkMBv+lwTd9+I3H/NMoMh3KlYkiQ1gi4vg5Cfbd3nEgj7s9eoUqIrvdo9JkV1jgvYY2uz6jbq+bTWkPXce4huf8t/bcq+9uFRGdQYR6mlmQU0go89cDQPTuQ6PnAEIx8IKeA4glAxl6DiC2DKzRcwDxRFzUF5p8gJLy/Lf/AdoqJ78jB9amAAAAGmZjVEwAAAAbAAAAMAAAACsAAAAGAAAABQABABgAAIWQ0LMAAAFBZmRBVAAAABxIx9XSf0uDQBzH8e9lnXenzTapSWsl/Zipbc0ag1gQPf8nlQeDz31ZdyDEoM9fp7xfoiD90R7adjKkT077jQeAKwtG/w1MPzPtB2Ze5LyvpJTXygfMoxAiY6CWEABuLwoG3iUEgNuLiAE1gwBw+3tFbAYCINA7AiDQM4F/KdRD1M7fqr/Q+0WCO1P0AdHhRoreIxopG41rtRPiSVFguiw1u56ONB19iwRb/BaUKdYRVSfu1od9c+aupiUDs4NefTBwOxgMfqWBH53Q8bcd80/OUx3KVRZFGWFGxPHKBPt+W9yYxP2eTbiPFvasyS6PIbx9as9vm01h2Q2Er7+zz15/9yv7w4VfqBw9zS2YUEjg+Q4ICI3nMwCxUgy8oucAYslAip4DiB0DHXoOIM6Ji+oSPcB+pmhf9scfupsoFqATCvMAAAAaZmNUTAAAAB0AAAAxAAAAMgAAAAUAAAAFAAEAGAAAFErMsAAAAW5mZEFUAAAAHkjH1dV/S4NAHMfxbzdNT+ecbq7OrbYSG8FqsLEfjAr2/J9UdwX7+G16IQSjN/rPyUu941BqSkpq16As41YgudZt24ieEdl/FL10LptFsHiZ/gRCiEg2ieDBcZwuF6kAgQDQ5VzMBQgEgC7lQkYgEFVwK6me+FwA+IQ4kRB2wEmiweOTHYAUpIvLVdcMAdhIgpElgI0oDPQAmkghxIKQXDmOAKhNKX6L5YwuUl+F6uvQZ59qCqfxqdAsYKdadg7urqp1iBZMRGdATpiYEEVMFL+JA1HGRM1avjFRmJknqHbm6gZt6RLJdcq2kR+PpBX074/HD78CXl13GNiBbo2B2NUNfRswdfHHGbkgzeCddGK3Gxs3/CaBDVyZq5nneZvQTATECqjwdAOqEN8OKDoJCkCaAYTlKSUAF3hKzsUBgAuQkoscgAu8WEq8Z3zIIEDyEqA2CHR5UbQWs43eV4raNN7vc/qjPgESRytv8VTvUgAAABpmY1RMAAAAHwAAADEAAAAwAAAABQAAAAYAAQAYAABgsrRVAAABaWZkQVQAAAAgSMfV1F9PglAYx/EnhOCAiKBYoKXFyNUsN53pXLX5/t9U51mNH0fxaVy5vhfscNjn4vwZdKZBWUbUpvha995G9Fik/1H0krk6L/zF6/QYWJYVqnPCf7Btu2uKxAKBANC9mGJuVQQCgEtMocKKQBjgVpFAIAA8IoFAGEAisQaPTzIAKXgclasuTwFIJMbMEkAiWe1gAQSyULX3lW1bDITijAHIckYXqZ/pAl0WZH1qKJhGVQFvYKdeegrurup1iEJDhCdATQwxORbFX2JPlC7qomEvPwxR8Mpj1Ljy7AbFdInUOjGukReNlHya94fDl1cDb44z9GWgW2MicnRDTwJcl8dK8XPkVEQAnzy2ttsxu+EP8SVwxV9T13U3AS/kl3gi0BWubsAjH0QCFFYCRAAQEikBTAGSm2IPcCSq5ZemyAFMAZKQ2TN+ZBAgeclACAJdXhStxWyj71VGbRrvdjk19g1keys53q4JQAAAABpmY1RMAAAAIQAAADEAAAAvAAAABQAAAAcAAQAYAAA4y1i7AAABYmZkQVQAAAAiSMfV1FFvgjAUhuGzCoOCiDBxK7rpRpjZ4maicRozl/j//9TaGz/OLE24MnsTbk7yUEqakr3sVvdFHRoYUfxHMcgXsl1Ey4/ZXyCESGSbiJ49z+tzkQsQCADdOxcLAQIBoMu5kAkIRBM8SHIQCICQyEEgGHCRTIOXVzcAqUiX1uu+GQG4SIbJCsBFFAYDgDZSCbEkJNeeJwCsKSXZK1YFXaWhipXSj2lIluJZei42P7DXrLgEjzfNeiQTJqoLIKdMTIk6igNRwcScLvpugmNldp4h687VPcroGslNzo5RlI6lEwyfTqefsAE+fX8UuYFug0Hq60ahC5j6pJOSdGMfpB0cSSd2u4lxI5BWcGM+uwiCYBubjYA4AVWB7o4aJHIDSs4CxAG4oNBOagAusErJxQGAC6xSc1ECcIFVcuK94SKDOBeWNYA1CHR9UXUW860+V4q6NNnvS7L2C41NKz1toBPKAAAAGmZjVEwAAAAjAAAAMAAAADEAAAAGAAAABQABABgAAKXT+xgAAAFiZmRBVAAAACRIx9XTbU+CUBjG8ZsoPQdIE0tZpLEeJDAamnNztrW+/5fqHNZ2cQPnNN64eb0D/j+QTcgwKanX0qJI+/SrC7VVD+Br4J8b2AQjaQbiM5s1etd1x8IEvHgwGMwZSF0IAPRqXwzcuRAA6NXGDMhHCIB6fy/JLADQC7RcSABrDyHwX7L2EKRWxnGpT+XozWKPMwl6i5gwgL5TBNVr41i9Qibsn86e3yHx6fQrF1jZ+XHMMJ9o+1Pftt1fX9b3TDsGdrIF1gysm4D+BREDURuEDIRESYgl1LHJCJvQySenoVc/FrO5tPU3D8OhI2r90XG+PWuvNsWJuaP24tn7YVDdu3rOyIEw9h/6R+eHQ05qrxDGXl9MrtQS/aAniO7+rboUaBAQE+YewCI89AwYRYSeA4gFA7d/78sBExED77g/BxDTxod4LAQ1AYQbjck2AOzcgK/BhnosWy4z6twv5Zsug4FjaJUAAAAaZmNUTAAAACUAAAArAAAAMAAAAAwAAAAGAAEAGAEAgguB9AAAAVhmZEFUAAAAJkjHzdLtToMwGIbhF1HWAtscKCPiJvFjky0oqFmyzMR4/idly4QHaJvwR7P7H28uSoFSv3Wer2lYqzPRapj1pPVO2Zb+Kzdb9p5FoLZtT5nJuonjOPPme9qikCkW1PmsL68FxcqwoM60tvwOGLZNbzhpMSxosz/gkMEqVMU4DwYKXL1DkSSFHG1AtXiHSQqqx7OWBVWxL/aAj1PtIWPGU77r3lx69F8tjhXawxwhuaPv395U+nDebgz7wfuUbzt2y2FJqWexbqzaoGMDMTiWgqDZBM3o7+Nh4LavWTTnBnp5OxpZrHXrwbK+XBMVhRgUlujRNdKRXz28Wn1iAevoi9xgst9v5OwJWEOf5Ty9EKVy+XtgPSVfWp8UrFBYPXZBe1bFMWjXAi9qe1VRRooFbo6gjVW7Fhi/aHzIGfUtsB1PyRAsOmVbSuvRsLLlMiN9P3YlJ9H1514jAAAAGmZjVEwAAAAnAAAAKgAAADAAAAAMAAAABgABABgAAKFk4wQAAAFSZmRBVAAAAChIx83S4U7CMBSG4TOn0G4LyBaBiOAiCg5EQY0JwcR4/zdlD2x8606X7I+E91+bZ81ZU6o2X63m1KjZhWnWiIZMw3Olm+hN11P1kfWP0vf9rqqjwajVag2Ke/RhQSFN3/nqxucSZVFIrpsv9T0saFneaoLFDKCQ+BFYUCnFDHgDlpR2P/56NFrz1gLSZXvYSSGllRTSthEPgHiADNJu9mV/uwnpJI0PrZ2Pt49Cot+8dymnl+WmR/qpq1IvLboEJVEdHUoaWzSm+FAKgXod1KN/TidxQKVUNNBueX3XbnsKa73zvJ+gRpoSbAw802PglFxEJrU/u+PBOuQrD7fYbhdkeoKV8pm30ytTyoc/wDolRUwjElZIUJcNIG0q7RDSprDj4qVB2hS2eHQvfEsBSQqbUGF3K0VVCusPu2QnKTpXGjINqVHZZJKRsz8uzSfdKMs26wAAABpmY1RMAAAAKQAAADIAAAAxAAAABQAAAAUAAQAYAAClqgsnAAABZmZkQVQAAAAqSMfV1P9PgkAYx/HzxORIBFFM0L6NkWuz3HRac9V2//8/FUe1z+MBT7G1We8fH3hx290N8XvFvr9uJ8JuUdiKjAxJ2pPzP0HSQx42E7WMhra411pfhU1E+VJK2zgaBoQKGVlkpmFAqJBLi7gdGBAqfCWsPBgQVlCD0+cFNbhjvIAxj28yPzazDIIzW3KkEKyJMEggGs2r1m+uQCspMyX4BlsqhEoScaLMfn6VxaKm0RCNzGC+65NkVQRntHExee7TnlSF5EckVz8gmwpJd0Ts5jXbfkSC8oTHqPYPcRejvThRahocX5jhWvHCm/R6jx4RG8e59b4RRQEGa8fhjVuK3rT8viovkwPDiIl5+WWxuDQzyRrvU5jHSafIHJI7g2kU5YZdGBII3rhYA4Q1WIMS1qRYgxJqVhbJISih5sEiEQQl1FwL2+QphE2EitKB4ANB/5XsP+5Yq7LDoivqewdYZSr05vot8AAAABpmY1RMAAAAKwAAADEAAAAxAAAABgAAAAUAAQAYAgBAvlrkAAABcGZkQVQAAAAsSMfV0m1PwjAUhuHjNqQdL3uBIRuo6DKJZkoCQQ0Rk/3/P+VqNE8P0JIFE+L9gbB2V3qWjf6qpFcuGoGwdF03bCIity5tLDqnitOnyjZFaD5DzuP+DnisquomNAnZcxxnh3gVCARAXczFuALBcwDUzbkQFyAQOuhJ4vkgmMoMOMEZHFiJr0R4BICo3VmeJ2otB7CQFVZSABuJNQFgItuq+hSESgBT3ZUOSKYRnaVZ3vstT+hAUR+pGSfrtpazD4JLvQHRe1vvTe6JgolCHhdLLogyfar1hPbq3usiUO91gDp0oIcEvdI5kqPAZ9f9hR34w1brRWhg6Xl3vgWIYasuwMLC80CMoDVS/6VUvzMPxAyG6t6P6fRarTk24v8AtZte1KmXI8ZmIjRAV0oEZCE4QRAXIJaRIBgRXGQ4gQuQkosCgAuQZy5ijMQFyC3tkCITZBIk46cuWYNA/1FE2+/vqkn5Zuoatr4A9IkriVh4ISEAAAAaZmNUTAAAAC0AAAAwAAAAMQAAAAYAAAAFAAEAGAAASKDKRAAAAXFmZEFUAAAALkjH1dNtT8IwFAXgaxlCB2MvMGQDBV0m0aAkENQQNen//1OuGHJ6Za3ZF4zn2+7OszVbS7ZIapQ0WK2b9KNWlagBiDXImoLeH78h35eRHchlMuD9B6XUTWQDMhBCcOEpCACzLxIGJgoCwOyLJQPdCwgAsx9IYvEhAKx9LvAfeN8lfA0idx9C31wURar7Bfp2scUkRt8hEgwy9C3iQ6nPLq7lSojCffb6W92HyGI6fxZFcEyR1h6OAVItcLrrGBGn/fDSzJDeOmZe5QkoGSh/B5sfIDeXtJvWfOg7E4RE2RCpPff3KfJCZ48chz67HqydW6k7arefDSE3nnfrOzbrqF0lxGDteRC1z9cZH54tD9vGg7D2R7r6Pptd65mAsPb1zeyiSk8PJxCW/uH8XGkwJ5fw0T+CkJiw9wEcIsf6OYBYMVCizwHEEwMJ1sMBxJy4KHOfbIBk8tgnVwCQ/wbi773UIMV+1qLafAE6NytDML2JggAAAABJRU5ErkJggg=='
|
|
6
|
+
}
|
|
@@ -1,31 +1,90 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="dof-icon-button" @click="onClick">
|
|
3
|
-
<
|
|
3
|
+
<div class="content">
|
|
4
|
+
<div class="triangle" v-if="isShowTriangle">
|
|
5
|
+
<div :style="maskStyle" class="triangle-mask"></div>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="imgBox" :style="style">
|
|
8
|
+
<image
|
|
9
|
+
v-if="!isLoading"
|
|
10
|
+
:class="['dof-icon-button-img', round && 'dof-icon-button-img--round']"
|
|
11
|
+
:src="src"
|
|
12
|
+
:style="imgStyle"
|
|
13
|
+
></image>
|
|
14
|
+
<!-- <div v-else class="dof-icon-button-loading-box"> -->
|
|
15
|
+
<midea-apng-view
|
|
16
|
+
v-else
|
|
17
|
+
:class="['dof-icon-button-loading']"
|
|
18
|
+
:src="loadingSrc"
|
|
19
|
+
quality="original"
|
|
20
|
+
:auto="true"
|
|
21
|
+
:loop="true"
|
|
22
|
+
:style="loadingImgStyle"
|
|
23
|
+
></midea-apng-view>
|
|
24
|
+
<!-- </div> -->
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
4
27
|
<slot>
|
|
5
|
-
<text v-if="text" class="dof-icon-button-text">{{ text }}</text>
|
|
28
|
+
<text v-if="text" class="dof-icon-button-text" :style="{ color: textColor }">{{ text }}</text>
|
|
6
29
|
</slot>
|
|
7
30
|
</div>
|
|
8
31
|
</template>
|
|
9
32
|
|
|
10
33
|
<script>
|
|
34
|
+
import { Bridge } from 'dolphin-native-bridge'
|
|
35
|
+
|
|
36
|
+
const loading = {
|
|
37
|
+
black: 'http://dolphin-weex-dev.msmartlife.cn/cdn/images/common/loading_gray.png',
|
|
38
|
+
white: 'http://dolphin-weex-dev.msmartlife.cn/cdn/images/common/loading_white.png'
|
|
39
|
+
}
|
|
11
40
|
export default {
|
|
12
41
|
props: {
|
|
42
|
+
// 是否激活态
|
|
13
43
|
active: {
|
|
14
44
|
type: Boolean,
|
|
15
45
|
default: false
|
|
16
46
|
},
|
|
47
|
+
// 常态图片
|
|
17
48
|
img: {
|
|
18
49
|
type: String,
|
|
19
50
|
required: true
|
|
20
51
|
},
|
|
52
|
+
// 常态背景颜色
|
|
21
53
|
color: {
|
|
22
54
|
type: String,
|
|
23
55
|
default: '#f2f2f2'
|
|
24
56
|
},
|
|
57
|
+
// 字体颜色
|
|
58
|
+
textColor: {
|
|
59
|
+
type: String,
|
|
60
|
+
default: '#000'
|
|
61
|
+
},
|
|
62
|
+
// 是否反馈点击未松手
|
|
63
|
+
isFeedbackTouch: {
|
|
64
|
+
type: Boolean,
|
|
65
|
+
default: false
|
|
66
|
+
},
|
|
67
|
+
// 点击未松手背景颜色
|
|
68
|
+
touchColor: {
|
|
69
|
+
type: String,
|
|
70
|
+
default: '#d9d9d9'
|
|
71
|
+
},
|
|
72
|
+
// 是否loading
|
|
73
|
+
isLoading: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: false
|
|
76
|
+
},
|
|
77
|
+
// loading图片
|
|
78
|
+
loadingImg: {
|
|
79
|
+
type: String,
|
|
80
|
+
default: 'black'
|
|
81
|
+
},
|
|
82
|
+
// 选中态图片
|
|
25
83
|
activeImg: {
|
|
26
84
|
type: String,
|
|
27
85
|
default: ''
|
|
28
86
|
},
|
|
87
|
+
// 点击背景颜色
|
|
29
88
|
activeColor: {
|
|
30
89
|
type: String,
|
|
31
90
|
default: '#267AFF'
|
|
@@ -37,6 +96,46 @@ export default {
|
|
|
37
96
|
text: {
|
|
38
97
|
type: String,
|
|
39
98
|
default: ''
|
|
99
|
+
},
|
|
100
|
+
// 是否展示三角
|
|
101
|
+
isShowTriangle: {
|
|
102
|
+
type: Boolean,
|
|
103
|
+
default: false
|
|
104
|
+
},
|
|
105
|
+
// 常规边框颜色
|
|
106
|
+
borderColor: {
|
|
107
|
+
type: String,
|
|
108
|
+
default: 'transparent'
|
|
109
|
+
},
|
|
110
|
+
// 选中态边框颜色
|
|
111
|
+
activeBorderColor: {
|
|
112
|
+
type: String,
|
|
113
|
+
default: 'transparent'
|
|
114
|
+
},
|
|
115
|
+
// 是否开启震动反馈
|
|
116
|
+
isHapticFeedback: {
|
|
117
|
+
type: Boolean,
|
|
118
|
+
default: false
|
|
119
|
+
},
|
|
120
|
+
// 按钮大小
|
|
121
|
+
btnSize: {
|
|
122
|
+
type: Number,
|
|
123
|
+
default: 96
|
|
124
|
+
},
|
|
125
|
+
// 图片大小
|
|
126
|
+
imgSize: {
|
|
127
|
+
type: Number,
|
|
128
|
+
default: 96
|
|
129
|
+
},
|
|
130
|
+
// loading图片大小
|
|
131
|
+
loadingImgSize: {
|
|
132
|
+
type: Number,
|
|
133
|
+
default: 32
|
|
134
|
+
},
|
|
135
|
+
// 是否禁用
|
|
136
|
+
disabled: {
|
|
137
|
+
type: Boolean,
|
|
138
|
+
default: false
|
|
40
139
|
}
|
|
41
140
|
},
|
|
42
141
|
model: {
|
|
@@ -48,15 +147,65 @@ export default {
|
|
|
48
147
|
const res = this.active ? this.activeImg : this.img
|
|
49
148
|
return res || this.img
|
|
50
149
|
},
|
|
150
|
+
loadingSrc() {
|
|
151
|
+
return loading[this.loadingImg]
|
|
152
|
+
},
|
|
153
|
+
maskStyle() {
|
|
154
|
+
// 右下角三角优先使用 borderColor 与 activeBorderColor
|
|
155
|
+
const res =
|
|
156
|
+
this.borderColor !== 'transparent' && this.activeBorderColor !== 'transparent'
|
|
157
|
+
? {
|
|
158
|
+
backgroundColor: this.active ? this.activeBorderColor : this.borderColor
|
|
159
|
+
}
|
|
160
|
+
: {
|
|
161
|
+
backgroundColor: this.active ? this.activeColor : this.color
|
|
162
|
+
}
|
|
163
|
+
res['backgroundColor:active'] = this.touchColor
|
|
164
|
+
return res
|
|
165
|
+
},
|
|
51
166
|
style() {
|
|
52
167
|
const res = {
|
|
53
|
-
backgroundColor: this.active ? this.activeColor : this.color
|
|
168
|
+
backgroundColor: this.active ? this.activeColor : this.color,
|
|
169
|
+
'backgroundColor:active': this.touchColor,
|
|
170
|
+
'border-width': '2px',
|
|
171
|
+
'border-style': 'solid',
|
|
172
|
+
'border-color': this.active ? this.activeBorderColor : this.borderColor,
|
|
173
|
+
width: this.btnSize + 'px',
|
|
174
|
+
height: this.btnSize + 'px',
|
|
175
|
+
'border-radius': this.btnSize / 2 + 'px'
|
|
54
176
|
}
|
|
55
177
|
return res
|
|
178
|
+
},
|
|
179
|
+
imgStyle() {
|
|
180
|
+
return {
|
|
181
|
+
width: this.imgSize + 'px',
|
|
182
|
+
height: this.imgSize + 'px',
|
|
183
|
+
'border-radius': this.imgSize / 2 + 'px'
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
loadingImgStyle() {
|
|
187
|
+
return {
|
|
188
|
+
width: this.loadingImgSize + 'px',
|
|
189
|
+
height: this.loadingImgSize + 'px',
|
|
190
|
+
'border-radius': this.loadingImgSize / 2 + 'px'
|
|
191
|
+
}
|
|
192
|
+
},
|
|
193
|
+
isIp6() {
|
|
194
|
+
if (weex && weex.config.env.osName === 'iOS') {
|
|
195
|
+
let deviceModel = weex.config.env.deviceModel.substr(6) // 'iPhone10,3' ==> 10.3
|
|
196
|
+
return (
|
|
197
|
+
deviceModel.split(',')[0] < 8 // > iphone7 以下
|
|
198
|
+
)
|
|
199
|
+
} else {
|
|
200
|
+
return false
|
|
201
|
+
}
|
|
56
202
|
}
|
|
57
203
|
},
|
|
58
204
|
methods: {
|
|
59
205
|
onClick() {
|
|
206
|
+
if (this.disabled || this.isLoading) return
|
|
207
|
+
// 震动反馈
|
|
208
|
+
if (this.isHapticFeedback) Bridge.hapticFeedback(!this.isIp6 ? 1 : null)
|
|
60
209
|
this.$emit('change', !this.active)
|
|
61
210
|
}
|
|
62
211
|
}
|
|
@@ -66,23 +215,64 @@ export default {
|
|
|
66
215
|
<style scoped>
|
|
67
216
|
.dof-icon-button {
|
|
68
217
|
align-items: center;
|
|
218
|
+
position: relative;
|
|
219
|
+
}
|
|
220
|
+
.content {
|
|
221
|
+
position: relative;
|
|
222
|
+
}
|
|
223
|
+
.imgBox {
|
|
224
|
+
display: flex;
|
|
225
|
+
flex-direction: row;
|
|
226
|
+
align-items: center;
|
|
227
|
+
justify-content: center;
|
|
228
|
+
overflow: hidden;
|
|
69
229
|
}
|
|
70
|
-
|
|
71
230
|
.dof-icon-button-img {
|
|
72
|
-
width: 96px;
|
|
73
|
-
height: 96px;
|
|
231
|
+
/* width: 96px;
|
|
232
|
+
height: 96px; */
|
|
74
233
|
}
|
|
75
234
|
|
|
76
235
|
.dof-icon-button-img--round {
|
|
77
|
-
border-radius: 48px;
|
|
236
|
+
/* border-radius: 48px; */
|
|
78
237
|
}
|
|
79
238
|
|
|
80
239
|
.dof-icon-button-text {
|
|
81
240
|
margin-top: 24px;
|
|
82
241
|
font-family: PingFangSC-Regular;
|
|
83
242
|
font-size: 24px;
|
|
84
|
-
color: #000000;
|
|
85
243
|
text-align: center;
|
|
86
244
|
font-weight: 400;
|
|
87
245
|
}
|
|
246
|
+
.triangle {
|
|
247
|
+
position: absolute;
|
|
248
|
+
width: 18px;
|
|
249
|
+
height: 18px;
|
|
250
|
+
overflow: hidden;
|
|
251
|
+
transform: rotateZ(270deg);
|
|
252
|
+
transform-origin: center;
|
|
253
|
+
bottom: 0;
|
|
254
|
+
right: 0;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
.triangle-mask {
|
|
258
|
+
/* Math.sqrt(18 * 18 + 18 * 18) */
|
|
259
|
+
width: 26px;
|
|
260
|
+
height: 26px;
|
|
261
|
+
transform: rotateZ(45deg);
|
|
262
|
+
transform-origin: left top;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.dof-icon-button-loading-box {
|
|
266
|
+
/* width: 96px;
|
|
267
|
+
height: 96px;
|
|
268
|
+
border-radius: 48px;
|
|
269
|
+
display: flex;
|
|
270
|
+
justify-content: center;
|
|
271
|
+
align-items: center; */
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.dof-icon-button-loading {
|
|
275
|
+
/* width: 32px;
|
|
276
|
+
height: 32px; */
|
|
277
|
+
}
|
|
88
278
|
</style>
|
|
@@ -2,16 +2,23 @@
|
|
|
2
2
|
<div class="container">
|
|
3
3
|
<dof-overlay :show="show" :hasAnimation="false" v-if="show" opacity="0.3"></dof-overlay>
|
|
4
4
|
<div v-if="show" class="wrapper" @click="layoutClick" :style="{ height: pageHeight + 'px' }">
|
|
5
|
-
<div
|
|
6
|
-
|
|
5
|
+
<div
|
|
6
|
+
class="modal-box"
|
|
7
|
+
@click="() => {}"
|
|
8
|
+
:style="{ borderRadius: '26px', backgroundColor: '#fff', ...modalStyle }"
|
|
9
|
+
>
|
|
10
|
+
<div class="modal-content" :style="modalContentStyle">
|
|
7
11
|
<slot name="title">
|
|
8
12
|
<text v-if="title" class="content-title">{{ title }}</text>
|
|
9
13
|
</slot>
|
|
14
|
+
<slot name="image">
|
|
15
|
+
<image v-if="image" class="content-image" resize="cover" :src="image" :style="imgStyle"></image>
|
|
16
|
+
</slot>
|
|
10
17
|
<slot name="content">
|
|
11
18
|
<text
|
|
12
19
|
v-if="content"
|
|
13
20
|
class="content-subtext"
|
|
14
|
-
:style="{ fontFamily: title ? 'PingFangSC-Regular' : 'PingFangSC-Medium' }"
|
|
21
|
+
:style="{ fontFamily: title ? 'PingFangSC-Regular' : 'PingFangSC-Medium', color: subTextColor }"
|
|
15
22
|
>{{ content }}</text
|
|
16
23
|
>
|
|
17
24
|
</slot>
|
|
@@ -20,8 +27,17 @@
|
|
|
20
27
|
</slot>
|
|
21
28
|
</div>
|
|
22
29
|
|
|
23
|
-
<div
|
|
24
|
-
|
|
30
|
+
<div
|
|
31
|
+
v-if="btnGroup && btnGroup.length == 0"
|
|
32
|
+
class="modal-footer"
|
|
33
|
+
:style="{ borderTopColor: modalFooterBorderColor }"
|
|
34
|
+
>
|
|
35
|
+
<div
|
|
36
|
+
class="footer-btn cancel"
|
|
37
|
+
v-if="!single"
|
|
38
|
+
@click="cancelClicked"
|
|
39
|
+
:style="{ borderRightColor: modalFooterBorderColor }"
|
|
40
|
+
>
|
|
25
41
|
<text class="btn-text" :style="{ color: secondBtnColor }">{{ cancelText }}</text>
|
|
26
42
|
</div>
|
|
27
43
|
<div class="footer-btn confirm" @click="primaryClicked">
|
|
@@ -37,10 +53,14 @@
|
|
|
37
53
|
:key="index"
|
|
38
54
|
v-for="(item, index) in btnGroup"
|
|
39
55
|
@click="moreBtnClicked(index, item)"
|
|
56
|
+
:style="{ borderTopColor: modalFooterBorderColor }"
|
|
40
57
|
>
|
|
41
58
|
<text class="btn-text" :style="{ color: secondBtnColor }">{{ item }}</text>
|
|
42
59
|
</div>
|
|
43
60
|
</div>
|
|
61
|
+
<div class="closeIconBox" v-if="closeIcon" @click="closeIconClick">
|
|
62
|
+
<image :src="closeIcon" class="closeIcon"></image>
|
|
63
|
+
</div>
|
|
44
64
|
</div>
|
|
45
65
|
</div>
|
|
46
66
|
</div>
|
|
@@ -67,10 +87,11 @@
|
|
|
67
87
|
justify-content: center;
|
|
68
88
|
}
|
|
69
89
|
.modal-box {
|
|
70
|
-
background-color: #ffffff;
|
|
90
|
+
/* background-color: #ffffff; */
|
|
71
91
|
width: 540px;
|
|
72
|
-
border-radius: 26px;
|
|
92
|
+
/* border-radius: 26px; */
|
|
73
93
|
z-index: 100;
|
|
94
|
+
position: relative;
|
|
74
95
|
}
|
|
75
96
|
|
|
76
97
|
.modal-content {
|
|
@@ -78,6 +99,10 @@
|
|
|
78
99
|
padding-bottom: 32px;
|
|
79
100
|
padding-left: 32px;
|
|
80
101
|
padding-right: 32px;
|
|
102
|
+
display: flex;
|
|
103
|
+
flex-direction: column;
|
|
104
|
+
justify-content: center;
|
|
105
|
+
align-items: center;
|
|
81
106
|
}
|
|
82
107
|
|
|
83
108
|
.content-title {
|
|
@@ -87,11 +112,21 @@
|
|
|
87
112
|
text-align: center;
|
|
88
113
|
/* margin-bottom: 24px; */
|
|
89
114
|
line-height: 48px;
|
|
115
|
+
|
|
116
|
+
lines: 1;
|
|
117
|
+
text-overflow: ellipsis;
|
|
118
|
+
overflow: hidden;
|
|
119
|
+
word-break: break-all;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.content-image {
|
|
123
|
+
width: 476px;
|
|
124
|
+
height: 476px;
|
|
90
125
|
}
|
|
91
126
|
|
|
92
127
|
.content-subtext {
|
|
93
128
|
font-family: PingFangSC-Regular;
|
|
94
|
-
color: #111111;
|
|
129
|
+
/* color: #111111; */
|
|
95
130
|
font-size: 26px;
|
|
96
131
|
line-height: 32px;
|
|
97
132
|
margin-top: 16px;
|
|
@@ -129,7 +164,7 @@
|
|
|
129
164
|
.modal-footer {
|
|
130
165
|
flex-direction: row;
|
|
131
166
|
align-items: center;
|
|
132
|
-
border-top-color: #c8c7cc;
|
|
167
|
+
/* border-top-color: #c8c7cc; */
|
|
133
168
|
border-top-width: 1px;
|
|
134
169
|
/*H5处理兼容*/
|
|
135
170
|
border-top: 1px solid #f3f3f3;
|
|
@@ -144,7 +179,7 @@
|
|
|
144
179
|
}
|
|
145
180
|
|
|
146
181
|
.cancel {
|
|
147
|
-
border-right-color: #c8c7cc;
|
|
182
|
+
/* border-right-color: #c8c7cc; */
|
|
148
183
|
border-right-width: 1px;
|
|
149
184
|
/*H5处理兼容*/
|
|
150
185
|
border-right: 1px solid #f3f3f3;
|
|
@@ -166,11 +201,25 @@
|
|
|
166
201
|
justify-content: center;
|
|
167
202
|
flex: 1;
|
|
168
203
|
height: 90px;
|
|
169
|
-
border-top-color: #c8c7cc;
|
|
204
|
+
/* border-top-color: #c8c7cc; */
|
|
170
205
|
border-top-width: 1px;
|
|
171
206
|
/*H5处理兼容*/
|
|
172
207
|
border-top: 1px solid #f3f3f3;
|
|
173
208
|
}
|
|
209
|
+
.closeIconBox {
|
|
210
|
+
position: absolute;
|
|
211
|
+
width: 60px;
|
|
212
|
+
height: 60px;
|
|
213
|
+
top: 0;
|
|
214
|
+
right: 0;
|
|
215
|
+
}
|
|
216
|
+
.closeIcon {
|
|
217
|
+
position: absolute;
|
|
218
|
+
width: 20px;
|
|
219
|
+
height: 20px;
|
|
220
|
+
bottom: 0px;
|
|
221
|
+
left: 0px;
|
|
222
|
+
}
|
|
174
223
|
</style>
|
|
175
224
|
|
|
176
225
|
<script>
|
|
@@ -227,6 +276,41 @@ export default {
|
|
|
227
276
|
type: Array,
|
|
228
277
|
// default: ['确定','更多','取消']
|
|
229
278
|
default: () => []
|
|
279
|
+
},
|
|
280
|
+
// modal样式自定义
|
|
281
|
+
modalStyle: {
|
|
282
|
+
type: Object,
|
|
283
|
+
default: () => ({})
|
|
284
|
+
},
|
|
285
|
+
// modal-content样式自定义,适用于修改内部padding等需求
|
|
286
|
+
modalContentStyle: {
|
|
287
|
+
type: Object,
|
|
288
|
+
default: () => ({})
|
|
289
|
+
},
|
|
290
|
+
// 底部按钮边框颜色
|
|
291
|
+
modalFooterBorderColor: {
|
|
292
|
+
type: String,
|
|
293
|
+
default: '#c8c7cc'
|
|
294
|
+
},
|
|
295
|
+
// subText 颜色
|
|
296
|
+
subTextColor: {
|
|
297
|
+
type: String,
|
|
298
|
+
default: '#111111'
|
|
299
|
+
},
|
|
300
|
+
//是否展示图片
|
|
301
|
+
image: {
|
|
302
|
+
type: String,
|
|
303
|
+
default: ''
|
|
304
|
+
},
|
|
305
|
+
// 图片样式
|
|
306
|
+
imgStyle: {
|
|
307
|
+
type: Object,
|
|
308
|
+
default: () => ({})
|
|
309
|
+
},
|
|
310
|
+
// 右上角close图标
|
|
311
|
+
closeIcon: {
|
|
312
|
+
type: String,
|
|
313
|
+
default: ''
|
|
230
314
|
}
|
|
231
315
|
},
|
|
232
316
|
data: () => ({}),
|
|
@@ -250,7 +334,9 @@ export default {
|
|
|
250
334
|
layoutClick() {
|
|
251
335
|
this.$emit('close', {})
|
|
252
336
|
},
|
|
253
|
-
|
|
337
|
+
closeIconClick() {
|
|
338
|
+
this.$emit('closeIconClicked', {})
|
|
339
|
+
},
|
|
254
340
|
// add by lau
|
|
255
341
|
moreBtnClicked(index, text) {
|
|
256
342
|
this.$emit('btnItemClicked', {
|
|
@@ -142,6 +142,10 @@ export default {
|
|
|
142
142
|
button: {
|
|
143
143
|
type: Array,
|
|
144
144
|
default: () => []
|
|
145
|
+
},
|
|
146
|
+
borderRadius: {
|
|
147
|
+
type: String,
|
|
148
|
+
default: '32px'
|
|
145
149
|
}
|
|
146
150
|
},
|
|
147
151
|
data: () => ({
|
|
@@ -205,16 +209,16 @@ export default {
|
|
|
205
209
|
...style,
|
|
206
210
|
top: `${-height}px`,
|
|
207
211
|
height: `${height}px`,
|
|
208
|
-
borderBottomLeftRadius:
|
|
209
|
-
borderBottomRightRadius:
|
|
212
|
+
borderBottomLeftRadius: this.borderRadius,
|
|
213
|
+
borderBottomRightRadius: this.borderRadius
|
|
210
214
|
})
|
|
211
215
|
pos === 'bottom' &&
|
|
212
216
|
(style = {
|
|
213
217
|
...style,
|
|
214
218
|
bottom: `${-_height}px`,
|
|
215
219
|
height: `${_height}px`,
|
|
216
|
-
borderTopLeftRadius:
|
|
217
|
-
borderTopRightRadius:
|
|
220
|
+
borderTopLeftRadius: this.borderRadius,
|
|
221
|
+
borderTopRightRadius: this.borderRadius
|
|
218
222
|
})
|
|
219
223
|
pos === 'left' &&
|
|
220
224
|
(style = {
|