feat: 电子药箱小程序 - 4Tab药品管理
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
This commit is contained in:
陈誉午
+52
@@ -0,0 +1,52 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none">
|
||||
<path d="M67.7594 29.867C67.7594 29.2043 67.2221 28.667 66.5594 28.667H5.44088C4.77813 28.667 4.24088 29.2043 4.24088 29.867V63.4919C4.24088 66.9284 7.02666 69.7142 10.4631 69.7142H61.5372C64.9736 69.7142 67.7594 66.9284 67.7594 63.4919V29.867Z" fill="url(#paint0_linear_1983_113774)"/>
|
||||
<g filter="url(#filter0_d_1983_113774)">
|
||||
<rect width="32.0835" height="43.2928" rx="1.2" transform="matrix(-0.963843 -0.266578 -0.251269 0.967945 64.3851 22.2559)" fill="url(#paint1_linear_1983_113774)"/>
|
||||
<rect width="23.2817" height="3.85228" rx="0.777778" transform="matrix(-0.964124 -0.265515 -0.252277 0.967672 58.0096 29.4248)" fill="white"/>
|
||||
</g>
|
||||
<g filter="url(#filter1_d_1983_113774)">
|
||||
<rect width="34.6531" height="45.0458" rx="1.2" transform="matrix(-0.963841 0.266586 0.25126 0.967948 39.6499 8.34277)" fill="url(#paint2_linear_1983_113774)"/>
|
||||
<rect width="25.1493" height="4.11591" rx="0.777778" transform="matrix(-0.964127 0.265505 0.252286 0.967669 36.9672 17.0586)" fill="white"/>
|
||||
<rect width="17.542" height="2.20985" rx="0.777778" transform="matrix(-0.964186 0.265279 0.252502 0.967611 31.9133 26.8135)" fill="white"/>
|
||||
</g>
|
||||
<path d="M71.4888 37.2908C71.5736 36.577 71.016 35.9492 70.2972 35.9492H1.70293C0.984062 35.9492 0.426491 36.577 0.511314 37.2908L4.11661 67.6319C4.30259 69.1971 5.62976 70.3759 7.20599 70.3759H64.7941C66.3703 70.3759 67.6975 69.1971 67.8835 67.6319L71.4888 37.2908Z" fill="url(#paint3_linear_1983_113774)"/>
|
||||
<rect x="36.0006" width="2.33334" height="4.76677" rx="0.388889" fill="#D9E0F2"/>
|
||||
<rect width="2.34595" height="4.74194" rx="0.388889" transform="matrix(0.861369 0.507979 -0.492063 0.870559 44.7506 1.19141)" fill="#D9E0F2"/>
|
||||
<rect width="2.34595" height="4.74194" rx="0.388889" transform="matrix(-0.861369 0.507979 0.492063 0.87056 29.2705 1.19141)" fill="#D9E0F2"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_1983_113774" x="19.735" y="10.8684" width="53.7209" height="62.3497" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="3.11111" dy="3.11111"/>
|
||||
<feGaussianBlur stdDeviation="3.11111"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.689132 0 0 0 0 0.755808 0 0 0 0 0.929167 0 0 0 0.3 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1983_113774"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1983_113774" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_1983_113774" x="3.40134" y="8.61914" width="56.6376" height="64.7316" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="3.11111" dy="6.22222"/>
|
||||
<feGaussianBlur stdDeviation="3.11111"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.689132 0 0 0 0 0.755808 0 0 0 0 0.929167 0 0 0 0.2 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1983_113774"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1983_113774" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_1983_113774" x1="55.7026" y1="56.0318" x2="0.882594" y2="27.1901" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ABB9DD"/>
|
||||
<stop offset="1" stop-color="#BFCAE6" stop-opacity="0.85"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1983_113774" x1="1.11795" y1="33.0063" x2="35.5063" y2="-3.77385" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#BDCBEE"/>
|
||||
<stop offset="1" stop-color="#F2F5FC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1983_113774" x1="1.20749" y1="34.3428" x2="36.8739" y2="-5.25609" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#BDCBEE"/>
|
||||
<stop offset="1" stop-color="#F2F5FC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1983_113774" x1="1.5207" y1="40.0272" x2="68.8288" y2="52.3029" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E9EDF9"/>
|
||||
<stop offset="1" stop-color="#CBD5F0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
+28
@@ -0,0 +1,28 @@
|
||||
<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.6" d="M70.656 47.8777C66.0698 64.6517 48.5359 74.486 31.4814 69.8231C14.4269 65.1602 4.33565 47.773 8.92184 30.999C13.508 14.2249 31.0419 4.39066 48.0964 9.05353C65.1509 13.7164 75.2422 31.1036 70.656 47.8777Z" stroke="url(#paint0_linear_1365_86362)"/>
|
||||
<ellipse opacity="0.6" cx="39.7889" cy="39.4384" rx="29.5" ry="29" transform="rotate(15.2915 39.7889 39.4384)" stroke="url(#paint1_linear_1365_86362)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M60.6578 35.2952C58.9895 27.7504 53.2982 21.3609 45.3269 19.1815C37.3557 17.0021 29.2052 19.6071 23.9302 25.2535M54.9892 54.9977C49.7079 60.3587 41.7619 62.785 33.9865 60.6591C26.2111 58.5333 20.605 52.4017 18.7859 45.0994" stroke="url(#paint2_linear_1365_86362)"/>
|
||||
<path d="M30.1114 37.5235L31.7729 31.4465L20.8199 28.4519L20.4599 29.7685L30.0094 32.3795L29.0679 35.8231L21.5006 33.7541L22.0426 31.7719L20.6536 31.3921L18.5965 38.9159C18.2484 40.1892 18.682 40.992 19.9119 41.3282L27.8987 43.5119C28.4999 43.6452 29.0103 43.5982 29.4446 43.3748C29.8395 43.1251 30.3821 42.1071 31.0542 40.3315L29.8273 39.5296C29.3251 41.0251 28.943 41.8536 28.6522 42.0074C28.4022 42.1256 28.1325 42.1452 27.872 42.074L20.652 40.1C20.1022 39.9496 19.9024 39.5996 20.0528 39.0497L21.1407 35.0708L30.1114 37.5235ZM33.8961 35.8524L33.5559 37.0968L37.1442 38.0779C35.973 38.5507 34.5231 38.7919 32.776 38.8118L33.0658 40.1973C35.4643 40.0133 37.4196 39.4594 38.9094 38.5605L41.4704 39.2607C42.0786 40.7332 43.3288 42.1325 45.2316 43.4769L46.169 42.3803C44.6921 41.5255 43.631 40.6289 42.9752 39.6721L46.303 40.582L46.6432 39.3376L40.2046 37.5772C40.4797 37.3104 40.7298 37.0211 40.9695 36.7134C42.027 36.9403 43.0662 37.1778 44.0659 37.3889C44.3012 37.7798 44.5075 38.1628 44.6848 38.5378L46.0455 38.0546C45.5107 37.0531 44.6826 35.8159 43.5574 34.3575L42.3192 34.7343C42.6123 35.141 42.9054 35.5477 43.1657 35.9609C41.6187 35.6469 40.0363 35.292 38.4144 34.9107C39.3092 34.5956 40.2212 34.1607 41.1569 33.639L39.9234 32.8041C38.0231 33.8396 36.6335 34.3149 35.7626 34.2013L35.6408 35.4431C36.9799 35.7781 38.294 36.0907 39.5501 36.3875C39.3184 36.6663 39.0433 36.9332 38.7287 37.1737L33.8961 35.8524ZM39.7852 39.1109C38.6362 39.9009 37.0651 40.3577 35.043 40.4735L35.3579 41.7104C37.6103 41.5487 39.3801 40.9907 40.6819 40.0403L39.7852 39.1109ZM42.9156 42.3927C41.1674 44.1229 38.0108 44.8616 33.4248 44.5719L33.9134 45.8562C38.627 46.1341 41.9902 45.2654 43.9701 43.2564L42.9156 42.3927ZM41.2905 40.8287C39.3689 42.1694 37.0031 42.6889 34.2077 42.3911L34.7042 43.6465C37.4062 43.8877 39.8865 43.2906 42.1673 41.8305L41.2905 40.8287ZM51.855 36.1441L49.3684 42.5086L57.5289 44.7398C56.8248 47.3152 56.2278 48.816 55.7592 49.2787C55.3169 49.7021 54.3197 49.7093 52.786 49.29C52.4966 49.2109 51.9876 49.0251 51.2694 48.751L51.287 50.1087C51.7855 50.2761 52.2695 50.4395 52.7325 50.5661C54.5412 51.0606 55.7962 51.0772 56.5122 50.6198C57.2361 50.1335 58.1663 47.8686 59.27 43.8318L51.2542 41.6402L52.0146 39.6555L60.667 42.0211L61.027 40.7045L52.5048 38.3744L53.1834 36.6317L51.855 36.1441ZM47.0533 44.0372L46.6934 45.3539L54.8538 47.585L55.2138 46.2683L47.0533 44.0372Z" fill="url(#paint3_linear_1365_86362)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86362" x1="0.000177383" y1="61.7342" x2="62.699" y2="78.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86362" x1="10.2889" y1="68.4384" x2="69.2889" y2="68.4384" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86362" x1="15.6227" y1="55.6383" x2="52.3503" y2="65.68" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86362" x1="14.657" y1="46.0444" x2="58.0639" y2="57.9122" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
+28
@@ -0,0 +1,28 @@
|
||||
<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.6" d="M70.6558 47.8777C66.0696 64.6517 48.5357 74.486 31.4812 69.8231C14.4267 65.1602 4.33541 47.773 8.9216 30.999C13.5078 14.2249 31.0417 4.39066 48.0962 9.05353C65.1507 13.7164 75.242 31.1036 70.6558 47.8777Z" stroke="url(#paint0_linear_1365_86235)"/>
|
||||
<ellipse opacity="0.6" cx="39.7886" cy="39.4379" rx="29.5" ry="29" transform="rotate(15.2915 39.7886 39.4379)" stroke="url(#paint1_linear_1365_86235)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M60.6575 35.2957C58.9892 27.7509 53.2979 21.3614 45.3267 19.182C37.3554 17.0025 29.2049 19.6075 23.93 25.254M54.989 54.9982C49.7076 60.3592 41.7617 62.7855 33.9863 60.6596C26.2109 58.5337 20.6048 52.4021 18.7856 45.0999" stroke="url(#paint2_linear_1365_86235)"/>
|
||||
<path d="M30.1112 37.523L21.1404 35.0703L20.0525 39.0493C19.9022 39.5991 20.1019 39.9491 20.6518 40.0995L27.8718 42.0735C28.1322 42.1447 28.4019 42.1251 28.652 42.0069C28.9428 41.8532 29.3248 41.0246 29.827 39.5291L31.054 40.331C30.3819 42.1067 29.8392 43.1246 29.4444 43.3743C29.0101 43.5977 28.4996 43.6447 27.8985 43.5114L19.9116 41.3278C18.6818 40.9915 18.2481 40.1887 18.5963 38.9155L20.6533 31.3916L22.0424 31.7714L21.5004 33.7536L29.0677 35.8226L30.0092 32.379L20.4597 29.768L20.8197 28.4514L31.7727 31.446L30.1112 37.523ZM33.8958 35.852L38.7285 37.1732C39.0431 36.9327 39.3182 36.6658 39.5499 36.387C38.2937 36.0902 36.9796 35.7776 35.6406 35.4426L35.7624 34.2008C36.6332 34.3145 38.0228 33.8391 39.9232 32.8036L41.1567 33.6385C40.221 34.1602 39.309 34.5951 38.4142 34.9102C40.0361 35.2915 41.6185 35.6464 43.1654 35.9605C42.9052 35.5472 42.6121 35.1405 42.319 34.7338L43.5572 34.357C44.6824 35.8154 45.5104 37.0526 46.0452 38.0541L44.6846 38.5373C44.5072 38.1623 44.3009 37.7793 44.0657 37.3884C43.066 37.1773 42.0268 36.9398 40.9692 36.7129C40.7296 37.0206 40.4794 37.3099 40.2043 37.5768L46.643 39.3372L46.3028 40.5815L42.9749 39.6716C43.6308 40.6285 44.6919 41.525 46.1688 42.3798L45.2314 43.4764C43.3286 42.132 42.0783 40.7327 41.4702 39.2602L38.9091 38.56C37.4193 39.4589 35.464 40.0128 33.0656 40.1968L32.7757 38.8113C34.5228 38.7914 35.9728 38.5502 37.1439 38.0774L33.5556 37.0963L33.8958 35.852ZM39.785 39.1105L40.6816 40.0398C39.3799 40.9902 37.6101 41.5482 35.3577 41.7099L35.0427 40.473C37.0649 40.3572 38.636 39.9004 39.785 39.1105ZM42.9153 42.3922L43.9699 43.2559C41.9899 45.2649 38.6267 46.1336 33.9132 45.8557L33.4246 44.5714C38.0105 44.8611 41.1671 44.1224 42.9153 42.3922ZM41.2902 40.8283L42.1671 41.83C39.8863 43.2901 37.406 43.8872 34.7039 43.646L34.2074 42.3906C37.0029 42.6884 39.3686 42.1689 41.2902 40.8283ZM51.8547 36.1436L53.1832 36.6312L52.5045 38.3739L61.0268 40.704L60.6668 42.0206L52.0143 39.655L51.254 41.6397L59.2698 43.8313C58.1661 47.8682 57.2358 50.133 56.5119 50.6193C55.796 51.0767 54.5409 51.0601 52.7323 50.5656C52.2693 50.439 51.7853 50.2756 51.2868 50.1082L51.2692 48.7505C51.9873 49.0246 52.4963 49.2104 52.7857 49.2895C54.3194 49.7089 55.3167 49.7016 55.759 49.2783C56.2276 48.8155 56.8245 47.3148 57.5287 44.7393L49.3682 42.5081L51.8547 36.1436ZM47.0531 44.0367L55.2136 46.2678L54.8536 47.5845L46.6931 45.3534L47.0531 44.0367Z" fill="url(#paint3_linear_1365_86235)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86235" x1="-6.67572e-05" y1="61.7342" x2="62.6987" y2="78.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86235" x1="10.2886" y1="68.4379" x2="69.2886" y2="68.4379" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86235" x1="15.6225" y1="55.6388" x2="52.35" y2="65.6805" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86235" x1="14.6568" y1="46.0439" x2="58.0636" y2="57.9117" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
+33
@@ -0,0 +1,33 @@
|
||||
<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_1365_86211" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="66" height="66">
|
||||
<rect width="66" height="66" fill="#D9D9D9"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_1365_86211)">
|
||||
<path opacity="0.6" d="M63.6558 41.8777C59.0696 58.6517 41.5357 68.486 24.4812 63.8231C7.42669 59.1602 -2.66459 41.773 1.9216 24.999C6.50778 8.22492 24.0417 -1.60934 41.0962 3.05353C58.1507 7.71639 68.242 25.1036 63.6558 41.8777Z" stroke="url(#paint0_linear_1365_86211)"/>
|
||||
<ellipse opacity="0.6" cx="32.7886" cy="33.4379" rx="29.5" ry="29" transform="rotate(15.2915 32.7886 33.4379)" stroke="url(#paint1_linear_1365_86211)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M53.6575 29.2957C51.9892 21.7509 46.2979 15.3614 38.3267 13.182C30.3554 11.0025 22.2049 13.6075 16.93 19.254M47.989 48.9982C42.7076 54.3592 34.7617 56.7855 26.9863 54.6596C19.2109 52.5337 13.6048 46.4021 11.7856 39.0999" stroke="url(#paint2_linear_1365_86211)"/>
|
||||
<path d="M23.1112 31.523L24.7727 25.446L13.8197 22.4514L13.4597 23.768L23.0092 26.379L22.0677 29.8226L14.5004 27.7536L15.0424 25.7714L13.6533 25.3916L11.5963 32.9155C11.2481 34.1887 11.6818 34.9915 12.9116 35.3278L20.8985 37.5114C21.4996 37.6447 22.0101 37.5977 22.4444 37.3743C22.8392 37.1246 23.3819 36.1067 24.054 34.331L22.827 33.5291C22.3248 35.0246 21.9428 35.8532 21.652 36.0069C21.4019 36.1251 21.1322 36.1447 20.8718 36.0735L13.6518 34.0995C13.1019 33.9491 12.9022 33.5991 13.0525 33.0493L14.1404 29.0703L23.1112 31.523ZM26.8958 29.852L26.5556 31.0963L30.1439 32.0774C28.9728 32.5502 27.5228 32.7914 25.7757 32.8113L26.0656 34.1968C28.464 34.0128 30.4193 33.4589 31.9091 32.56L34.4702 33.2602C35.0783 34.7327 36.3286 36.132 38.2314 37.4764L39.1688 36.3798C37.6919 35.525 36.6308 34.6285 35.9749 33.6716L39.3028 34.5815L39.643 33.3372L33.2043 31.5768C33.4794 31.3099 33.7296 31.0206 33.9692 30.7129C35.0268 30.9398 36.066 31.1773 37.0657 31.3884C37.3009 31.7793 37.5072 32.1623 37.6846 32.5373L39.0452 32.0541C38.5104 31.0526 37.6824 29.8154 36.5572 28.357L35.319 28.7338C35.6121 29.1405 35.9052 29.5472 36.1654 29.9605C34.6185 29.6464 33.0361 29.2915 31.4142 28.9102C32.309 28.5951 33.221 28.1602 34.1567 27.6385L32.9232 26.8036C31.0228 27.8391 29.6332 28.3145 28.7624 28.2008L28.6406 29.4426C29.9796 29.7776 31.2937 30.0902 32.5499 30.387C32.3182 30.6658 32.0431 30.9327 31.7285 31.1732L26.8958 29.852ZM32.785 33.1105C31.636 33.9004 30.0649 34.3572 28.0427 34.473L28.3577 35.7099C30.6101 35.5482 32.3799 34.9902 33.6816 34.0398L32.785 33.1105ZM35.9153 36.3922C34.1671 38.1224 31.0105 38.8611 26.4246 38.5714L26.9132 39.8557C31.6267 40.1336 34.9899 39.2649 36.9699 37.2559L35.9153 36.3922ZM34.2902 34.8283C32.3686 36.1689 30.0029 36.6884 27.2074 36.3906L27.7039 37.646C30.406 37.8872 32.8863 37.2901 35.1671 35.83L34.2902 34.8283ZM44.8547 30.1436L42.3682 36.5081L50.5287 38.7393C49.8245 41.3148 49.2276 42.8155 48.759 43.2783C48.3167 43.7016 47.3194 43.7089 45.7857 43.2895C45.4963 43.2104 44.9873 43.0246 44.2692 42.7505L44.2868 44.1082C44.7853 44.2756 45.2693 44.439 45.7323 44.5656C47.5409 45.0601 48.796 45.0767 49.5119 44.6193C50.2358 44.133 51.1661 41.8682 52.2698 37.8313L44.254 35.6397L45.0143 33.655L53.6668 36.0206L54.0268 34.704L45.5045 32.3739L46.1832 30.6312L44.8547 30.1436ZM40.0531 38.0367L39.6931 39.3534L47.8536 41.5845L48.2136 40.2678L40.0531 38.0367Z" fill="url(#paint3_linear_1365_86211)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86211" x1="-7.00007" y1="55.7342" x2="55.6987" y2="72.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86211" x1="3.28862" y1="62.4379" x2="62.2886" y2="62.4379" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86211" x1="8.62249" y1="49.6388" x2="45.35" y2="59.6805" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86211" x1="7.6568" y1="40.0439" x2="51.0636" y2="51.9117" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
+28
@@ -0,0 +1,28 @@
|
||||
<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.6" d="M70.7771 47.8777C66.1909 64.6517 48.657 74.486 31.6025 69.8231C14.548 65.1602 4.45675 47.773 9.04293 30.999C13.6291 14.2249 31.163 4.39066 48.2175 9.05353C65.272 13.7164 75.3633 31.1036 70.7771 47.8777Z" stroke="url(#paint0_linear_1365_86411)"/>
|
||||
<ellipse opacity="0.6" cx="39.91" cy="39.4384" rx="29.5" ry="29" transform="rotate(15.2915 39.91 39.4384)" stroke="url(#paint1_linear_1365_86411)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M60.7789 35.2952C59.1105 27.7504 53.4193 21.3609 45.448 19.1815C37.4767 17.0021 29.3263 19.6071 24.0513 25.2535M55.1103 54.9977C49.8289 60.3587 41.883 62.785 34.1076 60.6591C26.3322 58.5333 20.7261 52.4017 18.907 45.0994" stroke="url(#paint2_linear_1365_86411)"/>
|
||||
<path d="M30.2325 37.5235L31.894 31.4465L20.941 28.4519L20.581 29.7685L30.1305 32.3795L29.189 35.8231L21.6217 33.7541L22.1637 31.7719L20.7747 31.3921L18.7176 38.9159C18.3695 40.1892 18.8031 40.992 20.033 41.3282L28.0198 43.5119C28.621 43.6452 29.1314 43.5982 29.5657 43.3748C29.9606 43.1251 30.5032 42.1071 31.1753 40.3315L29.9484 39.5296C29.4462 41.0251 29.0641 41.8536 28.7733 42.0074C28.5233 42.1256 28.2535 42.1452 27.9931 42.074L20.7731 40.1C20.2233 39.9496 20.0235 39.5996 20.1739 39.0497L21.2617 35.0708L30.2325 37.5235ZM34.0172 35.8524L33.677 37.0968L37.2653 38.0779C36.0941 38.5507 34.6442 38.7919 32.8971 38.8118L33.1869 40.1973C35.5854 40.0133 37.5407 39.4594 39.0305 38.5605L41.5915 39.2607C42.1997 40.7332 43.4499 42.1325 45.3527 43.4769L46.2901 42.3803C44.8132 41.5255 43.7521 40.6289 43.0963 39.6721L46.4241 40.582L46.7643 39.3376L40.3256 37.5772C40.6008 37.3104 40.8509 37.0211 41.0906 36.7134C42.1481 36.9403 43.1873 37.1778 44.187 37.3889C44.4223 37.7798 44.6286 38.1628 44.8059 38.5378L46.1666 38.0546C45.6317 37.0531 44.8037 35.8159 43.6785 34.3575L42.4403 34.7343C42.7334 35.141 43.0265 35.5477 43.2867 35.9609C41.7398 35.6469 40.1574 35.292 38.5355 34.9107C39.4303 34.5956 40.3423 34.1607 41.278 33.639L40.0445 32.8041C38.1441 33.8396 36.7546 34.3149 35.8837 34.2013L35.7619 35.4431C37.101 35.7781 38.415 36.0907 39.6712 36.3875C39.4395 36.6663 39.1644 36.9332 38.8498 37.1737L34.0172 35.8524ZM39.9063 39.1109C38.7573 39.9009 37.1862 40.3577 35.1641 40.4735L35.479 41.7104C37.7314 41.5487 39.5012 40.9907 40.803 40.0403L39.9063 39.1109ZM43.0366 42.3927C41.2884 44.1229 38.1319 44.8616 33.5459 44.5719L34.0345 45.8562C38.7481 46.1341 42.1113 45.2654 44.0912 43.2564L43.0366 42.3927ZM41.4116 40.8287C39.49 42.1694 37.1242 42.6889 34.3288 42.3911L34.8253 43.6465C37.5273 43.8877 40.0076 43.2906 42.2884 41.8305L41.4116 40.8287ZM51.9761 36.1441L49.4895 42.5086L57.65 44.7398C56.9459 47.3152 56.3489 48.816 55.8803 49.2787C55.438 49.7021 54.4408 49.7093 52.9071 49.29C52.6177 49.2109 52.1087 49.0251 51.3905 48.751L51.4081 50.1087C51.9066 50.2761 52.3906 50.4395 52.8536 50.5661C54.6622 51.0606 55.9173 51.0772 56.6333 50.6198C57.3572 50.1335 58.2874 47.8686 59.3911 43.8318L51.3753 41.6402L52.1357 39.6555L60.7881 42.0211L61.1481 40.7045L52.6259 38.3744L53.3045 36.6317L51.9761 36.1441ZM47.1744 44.0372L46.8144 45.3539L54.9749 47.585L55.3349 46.2683L47.1744 44.0372Z" fill="url(#paint3_linear_1365_86411)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86411" x1="0.121271" y1="61.7342" x2="62.82" y2="78.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86411" x1="10.41" y1="68.4384" x2="69.41" y2="68.4384" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86411" x1="15.7438" y1="55.6383" x2="52.4714" y2="65.68" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86411" x1="14.7781" y1="46.0444" x2="58.185" y2="57.9122" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
+25
@@ -0,0 +1,25 @@
|
||||
<svg width="196" height="34" viewBox="0 0 196 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_1365_86351" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="196" height="34">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L16.571 28.1706C18.6874 31.7686 22.7028 34 27.0608 34H168.939C173.297 34 177.313 31.7686 179.429 28.1706L196 0H0ZM1.69951 0.944444L17.4451 27.712C19.3852 31.0101 23.066 33.0556 27.0608 33.0556H168.939C172.934 33.0556 176.615 31.0101 178.555 27.712L194.3 0.944444H1.69951Z" fill="url(#paint0_linear_1365_86351)"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_1365_86351)">
|
||||
<path d="M16.7356 27.9575L0.437104 0.25H195.563L179.264 27.9575C177.153 31.5464 173.3 33.75 169.137 33.75H26.8634C22.6996 33.75 18.8467 31.5464 16.7356 27.9575Z" stroke="url(#paint1_linear_1365_86351)" stroke-width="0.5"/>
|
||||
</g>
|
||||
<path d="M0 0H196L179.48 28.0842C177.324 31.7495 173.389 34 169.137 34H26.8634C22.611 34 18.6762 31.7495 16.5201 28.0842L0 0Z" fill="url(#paint2_linear_1365_86351)" fill-opacity="0.08"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86351" x1="98" y1="0" x2="98" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="0.60351" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86351" x1="0" y1="34" x2="196" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86351" x1="0" y1="34" x2="196" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
+19
@@ -0,0 +1,19 @@
|
||||
<svg width="196" height="35" viewBox="0 0 196 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1549_86160)">
|
||||
<path opacity="0.5" d="M0 0H196L179.48 28.0842C177.324 31.7495 173.389 34 169.137 34H26.8634C22.611 34 18.6762 31.7495 16.5201 28.0842L0 0Z" fill="url(#paint0_linear_1549_86160)"/>
|
||||
<path opacity="0.3" d="M0 0L16.5201 28.0842C18.6762 31.7495 22.611 34 26.8634 34H169.137C173.389 34 177.324 31.7495 179.48 28.0842L196 0" stroke="url(#paint1_linear_1549_86160)" stroke-width="0.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1549_86160" x1="-0.253904" y1="4.49999" x2="183.746" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#222733"/>
|
||||
<stop offset="1" stop-color="#201425"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1549_86160" x1="98" y1="0" x2="98" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F6DEFF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#9ADBFF"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_1549_86160">
|
||||
<rect width="196" height="35" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
+14
@@ -0,0 +1,14 @@
|
||||
<svg width="198" height="36" viewBox="0 0 198 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H197L180.48 29.0842C178.324 32.7495 174.389 35 170.137 35H27.8634C23.611 35 19.6762 32.7495 17.5201 29.0842L1 1Z" fill="url(#paint0_linear_1365_86171)" fill-opacity="0.4"/>
|
||||
<path d="M1 1L17.5201 29.0842C19.6762 32.7495 23.611 35 27.8634 35H170.137C174.389 35 178.324 32.7495 180.48 29.0842L197 1" stroke="url(#paint1_linear_1365_86171)" stroke-width="0.5"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86171" x1="0.746096" y1="5.49999" x2="184.746" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C4EAFF"/>
|
||||
<stop offset="1" stop-color="#B8E5FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86171" x1="99" y1="1" x2="99" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#DEEFFF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#8EDDFF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 917 B |
+14
@@ -0,0 +1,14 @@
|
||||
<svg width="198" height="36" viewBox="0 0 198 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.3" d="M1 1H197L180.48 29.0842C178.324 32.7495 174.389 35 170.137 35H27.8634C23.611 35 19.6762 32.7495 17.5201 29.0842L1 1Z" fill="url(#paint0_linear_1365_86407)"/>
|
||||
<path d="M1 1L17.5201 29.0842C19.6762 32.7495 23.611 35 27.8634 35H170.137C174.389 35 178.324 32.7495 180.48 29.0842L197 1" stroke="url(#paint1_linear_1365_86407)" stroke-width="0.5"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86407" x1="0.746096" y1="5.49999" x2="184.746" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFEEE9"/>
|
||||
<stop offset="1" stop-color="#FFD6A6"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86407" x1="99" y1="1" x2="99" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFECDE" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#FFC49A"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 912 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
+1
@@ -0,0 +1 @@
|
||||
"use strict";Component({options:{styleIsolation:"shared"},properties:{sdkInstance:{type:Object,value:null},animationAwardId:{type:Number,value:null},AwardThemeUrl:{type:String,value:null}},data:{},lifetimes:{detached:function(){}},observers:{sdkInstance:function(e){}},methods:{}});
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-loading":"weui-miniprogram/loading/loading","mp-icon":"weui-miniprogram/icon/icon","mp-dialog":"weui-miniprogram/dialog/dialog"}}
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
<wxs module="m1">
|
||||
var LotteryAttendIconMap = {
|
||||
lotteryBox: 'https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/d0886daf61274e689f22bfd8d3a10999~tplv-gjr78lqtd0-z75.image',
|
||||
slotMachine: 'https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/157f2d4469f3475d9fa3db104eb75ea0~tplv-gjr78lqtd0-z75.image',
|
||||
};
|
||||
var getImage = function(AwardThemeUrl, IsUseDarkTheme) {
|
||||
return LotteryAttendIconMap[AwardThemeUrl] || 'https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/ca5dd7c55b844699bee908bbdf3cc943~tplv-gjr78lqtd0-z75.image';
|
||||
}
|
||||
module.exports.getImage = getImage;
|
||||
</wxs>
|
||||
<mp-dialog
|
||||
show="{{animationAwardId}}"
|
||||
mask="{{true}}"
|
||||
mask-closable="{{false}}"
|
||||
ext-class="lottery-animation-dialog"
|
||||
>
|
||||
<image src="{{m1.getImage(AwardThemeUrl)}}" />
|
||||
</mp-dialog>
|
||||
+1
@@ -0,0 +1 @@
|
||||
.lottery-animation-dialog .weui-dialog{background:0 0}.lottery-animation-dialog .weui-dialog__hd{padding:0}.lottery-animation-dialog .weui-dialog__bd{padding:0;margin-bottom:0}.lottery-animation-dialog image{width:300px;height:300px}
|
||||
+1
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{sdkInstance:{type:Object,value:null},IsUseDarkTheme:{type:Boolean,value:null},data:{type:Object,value:null},status:{type:Number,value:null},type:{type:String,value:null}},data:{},lifetimes:{detached:function(){}},observers:{sdkInstance:function(e){}},methods:{}});
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{}}
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
<wxs module="m1">
|
||||
var LotteryAttendIconMap = {
|
||||
lotteryBox: '../assets/lottery_attend_box.svg',
|
||||
slotMachine: '../assets/lottery_attend_machine.svg',
|
||||
};
|
||||
var getImage = function(AwardThemeUrl, IsUseDarkTheme) {
|
||||
return LotteryAttendIconMap[AwardThemeUrl] ||
|
||||
(IsUseDarkTheme ? '../assets/lottery_attend_dark.svg' : '../assets/lottery_attend_default.svg');
|
||||
}
|
||||
module.exports.getImage = getImage;
|
||||
</wxs>
|
||||
<!-- 多个奖品展示 -->
|
||||
<view wx:if="{{data.displayAwardItemConfigs && data.displayAwardItemConfigs.length > 1}}" class="lottery-detail-award-wrap{{(data.hasCondition || type === 'result') ? ' lottery-detail-award-wrap-small' : ''}}{{IsUseDarkTheme ? ' lottery-detail-award-wrap-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-detail-award-wrap-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-detail-award-wrap-machine' : ''}}">
|
||||
<swiper class="lottery-detail-swiper" autoplay="false" circular="true" indicator-dots="true">
|
||||
<swiper-item wx:for="{{data.displayAwardItemConfigs}}" wx:key="{{item.AwardId}}">
|
||||
<view class="lottery-detail-award-item">
|
||||
<image class="lottery-detail-image" src="{{item.AwardItemIcon || 'https://lf-cdn-tos.bytescm.com/obj/static/livesaas-console/static/media/icon-default-award.5c5cef22.svg'}}" />
|
||||
<view class="lottery-detail-award-wrap-text">
|
||||
<view class="lottery-detail-text">奖品：{{item.AwardItemName}}</view>
|
||||
<view wx:if="{{!data.IsHideAwardNum}}" class="lottery-detail-text-num">
|
||||
奖品数量：{{item.AwardItemCount}}份
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<image class="lottery-detail-attend" wx:if="{{status === 1}}" src="{{m1.getImage(data.AwardThemeUrl, IsUseDarkTheme)}}" />
|
||||
</view>
|
||||
<!-- 单个奖品展示 -->
|
||||
<view wx:else class="lottery-detail-award-wrap{{(data.hasCondition || type === 'result') ? ' lottery-detail-award-wrap-small' : ''}}{{IsUseDarkTheme ? ' lottery-detail-award-wrap-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-detail-award-wrap-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-detail-award-wrap-machine' : ''}}">
|
||||
<image class="lottery-detail-image" src="{{data.displayAwardItemConfig.AwardItemIcon || 'https://lf-cdn-tos.bytescm.com/obj/static/livesaas-console/static/media/icon-default-award.5c5cef22.svg'}}" />
|
||||
<view class="lottery-detail-award-wrap-text">
|
||||
<view class="lottery-detail-text">
|
||||
奖品：{{data.displayAwardItemConfig.AwardItemName}}
|
||||
</view>
|
||||
<view wx:if="{{!data.IsHideAwardNum}}" class="lottery-detail-text-num">
|
||||
奖品数量：{{data.displayAwardItemConfig.AwardItemCount}}份
|
||||
</view>
|
||||
</view>
|
||||
<image class="lottery-detail-attend" wx:if="{{status === 1}}" src="{{m1.getImage(data.AwardThemeUrl, IsUseDarkTheme)}}" />
|
||||
</view>
|
||||
+1
@@ -0,0 +1 @@
|
||||
.lottery-detail-award-wrap{background:#f0fcff;box-shadow:0rpx 4rpx 24rpx 0rpx rgba(0,102,255,.02);border-radius:8px;padding:6px;padding-right:16px;display:flex;position:relative}.lottery-detail-swiper{flex:1;width:100%;height:132px}.lottery-detail-award-item{display:flex;align-items:center;height:100%;width:100%;padding:0}.lottery-detail-swiper .lottery-detail-image{width:120px;height:120px;border-radius:6px;margin-right:16px}.lottery-detail-swiper .lottery-detail-award-wrap-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:10px 0}.lottery-detail-swiper .lottery-detail-text{word-break:break-all;font-weight:500;font-size:calc(16px + .5 * (1rem - 16px));color:#0c0d0e;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left;margin:0}.lottery-detail-swiper .lottery-detail-text-num{color:#737a87;font-size:calc(14px + .5 * (1rem - 16px));display:flex;margin:10px 0 0 0}.lottery-detail-award-wrap-small .lottery-detail-swiper{height:80px}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-image{width:68px;height:68px;margin-right:12px}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-award-wrap-text{padding:4px 0}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-text-num{margin:4px 0 0 0}.lottery-detail-award-wrap-dark .lottery-detail-swiper .lottery-detail-text{color:#fff}.lottery-detail-award-wrap-dark .lottery-detail-swiper .lottery-detail-text-num{color:#737a87}.lottery-detail-award-wrap-box .lottery-detail-swiper .lottery-detail-text{color:#fff}.lottery-detail-award-wrap-box .lottery-detail-swiper .lottery-detail-text-num{color:rgba(255,255,255,.5)}.lottery-detail-award-wrap-machine .lottery-detail-swiper .lottery-detail-text{color:#1d2129}.lottery-detail-award-wrap-machine .lottery-detail-swiper .lottery-detail-text-num{color:#4e5969}.lottery-detail-award-wrap .lottery-detail-image{width:120px;height:120px;border-radius:6px;margin-right:16px}.lottery-detail-award-wrap .lottery-detail-attend{width:160rpx;height:160rpx;position:absolute;right:0;bottom:0}.lottery-detail-award-wrap .lottery-detail-award-wrap-text{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;flex:1}.lottery-detail-award-wrap .lottery-detail-award-wrap-text .lottery-detail-text{word-break:break-all;font-weight:500;font-size:calc(16px + .5 * (1rem - 16px));color:#0c0d0e;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left;margin-top:10px}.lottery-detail-award-wrap .lottery-detail-award-wrap-text .lottery-detail-text-num{color:#737a87;font-size:calc(14px + .5 * (1rem - 16px));display:flex;margin-bottom:10px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small{padding:4px;padding-right:12px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small image{width:68px;height:68px;margin-right:12px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small .lottery-detail-award-wrap-text .lottery-detail-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small .lottery-detail-award-wrap-text .lottery-detail-text-num{margin-bottom:4px}.lottery-detail-award-wrap.lottery-detail-award-wrap-dark{background:#2a2a35;box-shadow:0rpx 4rpx 24rpx 0rpx rgba(0,102,255,.02);box-shadow:none}.lottery-detail-award-wrap.lottery-detail-award-wrap-dark .lottery-detail-award-wrap-text .lottery-detail-text{color:#fff}.lottery-detail-award-wrap.lottery-detail-award-wrap-dark .lottery-detail-award-wrap-text .lottery-detail-text-num{color:#737a87}.lottery-detail-award-wrap.lottery-detail-award-wrap-box{background:linear-gradient(112deg,rgba(6,38,103,.6) 0,rgba(97,7,93,.6) 45.31%,rgba(84,0,8,.6) 100%);backdrop-filter:blur(8rpx);box-shadow:none}.lottery-detail-award-wrap.lottery-detail-award-wrap-box .lottery-detail-award-wrap-text .lottery-detail-text{color:#fff}.lottery-detail-award-wrap.lottery-detail-award-wrap-box .lottery-detail-award-wrap-text .lottery-detail-text-num{color:rgba(255,255,255,.5)}.lottery-detail-award-wrap.lottery-detail-award-wrap-machine{background:linear-gradient(112deg,#fffcf9 0,#fffcfa 100%);box-shadow:0rpx 4rpx 24rpx 0rpx rgba(255,107,0,.02)}.lottery-detail-award-wrap.lottery-detail-award-wrap-machine .lottery-detail-award-wrap-text .lottery-detail-text{color:#1d2129}.lottery-detail-award-wrap.lottery-detail-award-wrap-machine .lottery-detail-award-wrap-text .lottery-detail-text-num{color:#4e5969}
|
||||
+1
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{sdkInstance:{type:Object,value:null},IsUseDarkTheme:{type:Boolean,value:null},data:{type:Object,value:null},status:{type:Number,value:null},visible:{type:Boolean,value:null},type:{type:String,value:null}},data:{regulation:!1},lifetimes:{detached:function(){"function"==typeof this.unsub&&this.unsub(),this.unsub=null}},observers:{sdkInstance:function(t){t&&(this.store=t.store,this.visibleData=!1,this.typeData="")},"visible,type":function(t,e){t===this.visibleData&&e===this.typeData||(this.visibleData=t,this.typeData=e,t&&"detail"===e?this.openAwardDetailDrawer():this.selectComponent("#lottery-drawer").data.flag&&this.selectComponent("#lottery-drawer").hideFrame())}},methods:{openAwardDetailDrawer:function(){this.selectComponent("#lottery-drawer").showFrame()},closeAwardDrawer:function(){this.selectComponent("#lottery-drawer").hideFrame(),this.myCancel()},myCancel:function(){(this.store.get("AwardInfo")||{}).visible&&this.store.set("AwardInfo",{visible:!1,currentId:null}),this.typeData=""},openRegulation:function(){this.setData({regulation:!0})},closeRegulation:function(){this.setData({regulation:!1})},attendLottery:function(){var t,e;null!==(t=this.data)&&void 0!==t&&null!==(e=t.data)&&void 0!==e&&e.UndoAwardCondition?this.closeAwardDrawer():this.triggerEvent("attendLottery",{lotteryId:this.data.data.ID})}}});
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"Drawer":"../../../../pubComponents/drawer/drawer","mp-loading":"weui-miniprogram/loading/loading","count-down":"../../count-down/count-down","mp-icon":"weui-miniprogram/icon/icon","award-card":"../award-card/award-card","condition-item":"../condition-item/condition-item"}}
|
||||
+44
@@ -0,0 +1,44 @@
|
||||
<wxs module="m1">
|
||||
var LotteryAttendIconMap = {
|
||||
lotteryBox: '../assets/lottery_detail_title_box.svg',
|
||||
slotMachine: '../assets/lottery_detail_title_machine.svg',
|
||||
};
|
||||
var getImage = function(AwardThemeUrl, IsUseDarkTheme) {
|
||||
return LotteryAttendIconMap[AwardThemeUrl] || (IsUseDarkTheme ? '../assets/lottery_detail_title_dark.svg' : '../assets/lottery_detail_title_default.svg');
|
||||
}
|
||||
module.exports.getImage = getImage;
|
||||
</wxs>
|
||||
<Drawer id='lottery-drawer' needCancel="{{false}}" bind:myCancel="myCancel">
|
||||
<view wx:if="{{visible && type === 'detail' && data}}" class="lottery-detail{{regulation ? ' regulation' : ''}}{{IsUseDarkTheme ? ' lottery-detail-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-detail-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-detail-machine' : '' }}">
|
||||
<image wx:if="{{!IsUseDarkTheme && data.AwardThemeUrl !== 'lotteryBox' && data.AwardThemeUrl !== 'slotMachine'}}" class="lottery-detail-bg" style="position: absolute" src="../assets/questionaireImage.png" />
|
||||
<view class="lottery-detail-header {{data.showCountDown ? '' : 'lottery-detail-header-no-count-down'}}">
|
||||
<view class="lottery-datail-icon" bindtap="openRegulation">
|
||||
<!-- <mp-icon icon="help" color="#737a87" size="{{20}}" class="help" /> -->
|
||||
</view>
|
||||
<view class="lottery-detail-icon-close" bindtap="closeAwardDrawer">
|
||||
<mp-icon icon="close" color="#737a87" size="{{20}}" class="close" />
|
||||
</view>
|
||||
<image src="{{m1.getImage(data.AwardThemeUrl, IsUseDarkTheme)}}" />
|
||||
<view class="lottery-detail-title">即将开奖</view>
|
||||
<count-down type="lottery" wx:if="{{data.showCountDown && data.SendTime && status === 0}}" sendTime="{{data.SendTime}}" deadLine="{{data.DeadLine}}" useDarkTheme="{{IsUseDarkTheme}}" bind:onCountDown="onCountDown" awardThemeUrl="{{data.AwardThemeUrl}}" deadLineSecond="{{data.DeadLineSecond}}" />
|
||||
</view>
|
||||
<view wx:if="{{regulation}}" class="regulation-content">
|
||||
<view class="lottery-datail-icon" style="left: 8px" bindtap="closeRegulation">
|
||||
<mp-icon icon="back" color="#737a87" size="{{20}}" class="lottery-header-icon-left" />
|
||||
</view>
|
||||
<view className="lottery-datail-iframe-container">
|
||||
<web-view height="100%" width="100%" style="border: none" src="https://www.volcengine.com/docs/3019/67124" />
|
||||
</view>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<award-card status="{{status}}" data="{{data}}" IsUseDarkTheme="{{IsUseDarkTheme}}" />
|
||||
<condition-item wx:if="{{data.hasCondition}}" data="{{data}}" status="{{status}}" IsUseDarkTheme="{{IsUseDarkTheme}}" />
|
||||
<button wx:if="{{status === 0}}" type="{{data.UndoAwardCondition ? 'default' : 'primary'}}" class="lottery-detail-button {{data.UndoAwardCondition ? 'lottery-detail-button-default' : 'lottery-detail-button-primary'}}" loading="{{isAttendLoading}}" bindtap="attendLottery">
|
||||
{{data.UndoAwardCondition ? '完成全部任务即可参与' : '立即参与'}}
|
||||
</button>
|
||||
<button wx:else type="default" class="lottery-detail-button lottery-detail-button-default" bindtap="closeAwardDrawer">
|
||||
{{status === 4 ? '抽奖已结束，您未参与': '等待开奖'}}
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</Drawer>
|
||||
+1
@@ -0,0 +1 @@
|
||||
.lottery-detail{padding:0rpx 40rpx 40rpx;background:linear-gradient(138deg,#dbeeff 4.93%,#e9f3ff 89.68%);background-repeat:no-repeat}.lottery-detail-bg{position:absolute;left:0;width:120px;height:80px}.lottery-detail-header{text-align:center}.lottery-detail-header-no-count-down{height:120rpx}.lottery-detail-header image{width:392rpx;height:70rpx}.lottery-detail .lottery-detail-button{width:100%;height:calc(48px + .5 * (1rem - 16px));line-height:calc(32px + .5 * (1rem - 16px));border-radius:8px;margin-left:0;margin-top:20px;display:block;font-size:calc(16px + .5 * (1rem - 16px));font-weight:600;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.lottery-detail-button-primary{background:#165dff!important}.lottery-detail-button-default{border:1px solid #165dff!important;background:0 0!important;color:#165dff!important}.lottery-detail .lottery-detail-title{font-weight:600;font-size:calc(18px + .5 * (1rem - 16px));position:relative;top:-38px;background:linear-gradient(180deg,#1664ff 12%,#16b9ff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.regulation.lottery-detail{background:#fff!important}.lottery-detail.regulation .regulation-content{width:100%;height:100%}.lottery-detail.regulation .lottery-detail-header{display:none}.lottery-detail.regulation :global .byte-drawer-content{padding:8px 0 8px;height:400px;border-radius:.12rem .12rem 0 0}.lottery-detail .lottery-detail-checkbox{margin-top:8px;display:block}.lottery-detail .lottery-datail-icon{position:absolute;left:12px;top:8px;cursor:pointer;z-index:1005}.lottery-detail .lottery-detail-icon-close{position:absolute;right:12px;top:8px;cursor:pointer;z-index:1}.lottery-detail .lottery-datail-iframe-container{-webkit-overflow-scrolling:touch;overflow:scroll;height:100%;width:100%}.lottery-detail :global .byte-drawer-footer{text-align:center;padding:20px 28px;font-size:initial}.lottery-detail :global .byte-checkbox-checked .byte-checkbox-mask{background-color:transparent;border-color:transparent}.lottery-detail :global .byte-checkbox-mask::after{border:2px solid var(--primary-color);border-top:0;border-left:0}.lottery-detail.lottery-detail-dark{background:#17171c;box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;box-shadow:0rpx -8rpx 32rpx 0rpx rgba(0,15,18,.05)}.lottery-detail.lottery-detail-dark .lottery-detail-title{background:linear-gradient(180deg,#1664ff 12%,#9abcff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.lottery-detail-box{background:linear-gradient(144.95deg,rgba(2,13,34,.95) 1.78%,rgba(36,0,35,.95) 41.68%,rgba(6,0,1,.95) 89.83%);box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;backdrop-filter:blur(8rpx);box-shadow:none}.lottery-detail.lottery-detail-box .lottery-detail-title{background:linear-gradient(90deg,#a965ff .52%,#ff19a3 52.47%,#ffa551 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.lottery-detail-box .lottery-detail-button-primary{background:linear-gradient(90deg,#a965ff .52%,#ff19a3 52.47%,#ffa551 100%)!important;border:none}.lottery-detail.lottery-detail-box .lottery-detail-button-default{border:1px solid #ff6dc8!important;background:0 0!important;color:#ff6dc8!important}.lottery-detail.lottery-detail-machine{background:linear-gradient(110.9deg,#fff8ed 1.83%,#fff0e6 81.07%);box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;box-shadow:0rpx -8rpx 32rpx 0rpx rgba(0,15,18,.05),0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset}.lottery-detail.lottery-detail-machine .lottery-detail-title{background:linear-gradient(180deg,#ff5420 18.79%,rgba(255,85,38,.7) 83.6%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.lottery-detail-machine .lottery-detail-button-primary{background:linear-gradient(91.16deg,#ff6767 -.93%,#ff4d00 100%)!important;border:none}.lottery-detail.lottery-detail-machine .lottery-detail-button-default{border:1px solid #ff4d00!important;background:0 0!important;color:#ff4d00!important}
|
||||
+1
@@ -0,0 +1 @@
|
||||
"use strict";Component({options:{styleIsolation:"shared"},properties:{sdkInstance:{type:Object,value:null},IsUseDarkTheme:{type:Boolean,value:null},data:{type:Object,value:null},visible:{type:Boolean,value:null},type:{type:String,value:null}},data:{},lifetimes:{detached:function(){}},observers:{sdkInstance:function(e){e&&(this.store=e.store,this.sdkInstance=e)}},methods:{closeModal:function(){(this.store.get("AwardInfo")||{}).visible&&this.store.set("AwardInfo",{visible:!1,currentId:null})}}});
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-loading":"weui-miniprogram/loading/loading","mp-icon":"weui-miniprogram/icon/icon","mp-dialog":"weui-miniprogram/dialog/dialog","award-list":"../award-list/award-list"}}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
<mp-dialog
|
||||
wx:if="{{visible && type === 'list' && data}}"
|
||||
show="{{visible && type === 'list' && data}}"
|
||||
mask="{{true}}"
|
||||
mask-closable="{{true}}"
|
||||
ext-class="lottery-list-dialog{{IsUseDarkTheme ? ' lottery-list-dialog-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-list-dialog-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-list-dialog-machine' : ''}}"
|
||||
bindclose="closeModal"
|
||||
>
|
||||
<image wx:if="{{!IsUseDarkTheme && data.AwardThemeUrl !== 'lotteryBox' && data.AwardThemeUrl !== 'slotMachine'}}" class="lottery-list-dialog-bg" src="../assets/questionaireImage.png" />
|
||||
<mp-icon icon="close" size="{{20}}" class="lottery-list-dialog-close" bindtap="closeModal" color="#939aa3" />
|
||||
<award-list
|
||||
data="{{data}}"
|
||||
IsUseDarkTheme="{{IsUseDarkTheme}}"
|
||||
sdkInstance="{{sdkInstance}}"
|
||||
/>
|
||||
</mp-dialog>
|
||||
+1
@@ -0,0 +1 @@
|
||||
.lottery-list-dialog .weui-dialog{background:linear-gradient(138deg,#dbeeff 4.93%,#e9f3ff 89.68%);background-repeat:no-repeat}.lottery-list-dialog .weui-dialog__hd{padding:0}.lottery-list-dialog .weui-dialog__bd{padding:24px 16px 20px;margin-bottom:0}.lottery-list-dialog .lottery-list-dialog-bg{position:absolute;left:0;top:0;width:120px;height:80px}.lottery-list-dialog .lottery-list-dialog-close{position:absolute;right:32rpx;top:16rpx}.lottery-list-dialog-dark .weui-dialog{background:#17171c;box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;box-shadow:0rpx -8rpx 32rpx 0rpx rgba(0,15,18,.05)}.lottery-list-dialog-box .weui-dialog{background:linear-gradient(144.95deg,rgba(2,13,34,.95) 1.78%,rgba(36,0,35,.95) 41.68%,rgba(6,0,1,.95) 89.83%);box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;backdrop-filter:blur(8rpx);box-shadow:none}.lottery-list-dialog-machine .weui-dialog{background:linear-gradient(110.9deg,#fff8ed 1.83%,#fff0e6 81.07%);box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;box-shadow:0rpx -8rpx 32rpx 0rpx rgba(0,15,18,.05),0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset}
|
||||
+1
File diff suppressed because one or more lines are too long
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{}}
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
<view class="award-list-content{{IsUseDarkTheme ? ' award-list-content-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' award-list-content-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' award-list-content-machine' : ''}}">
|
||||
<view class="award-list-title">中奖名单</view>
|
||||
<view class="award-list-desc">共{{total || 0}}人中奖</view>
|
||||
<view class="tel-list" wx:if="{{list.length}}" style="justify-content: {{(!list.length || list.length === 1) ? 'center' : 'initial'}}">
|
||||
<view class="tel-list-item" wx:for="{{list}}" wx:for-index="index" wx:for-item="item" wx:key="index">
|
||||
{{item.Name}} {{item.Comment}}
|
||||
</view>
|
||||
</view>
|
||||
<view wx:elif="{{!list.length && !loading}}" class="tel-list-empty">
|
||||
<image src="../assets/empty_icon.svg" />
|
||||
</view>
|
||||
<view wx:if="{{total > 200 && total > list.length}}" class="tel-list-tip">仅展示前200名中奖观众</view>
|
||||
</view>
|
||||
+1
@@ -0,0 +1 @@
|
||||
.award-list-content .award-list-title{background:linear-gradient(180deg,#1664ff 12%,#16b9ff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-weight:600;font-size:calc(18px + .5 * (1rem - 16px));text-align:center}.award-list-content .award-list-desc{font-size:calc(14px + .5 * (1rem - 16px));color:#737a87;text-align:center;margin-bottom:20px;margin-top:2px}.award-list-content .tel-list{overflow-y:auto;padding-left:6px;text-align:center;min-height:78px;display:flex;align-items:center;flex-wrap:wrap}.award-list-content .tel-list::-webkit-scrollbar{width:4px;display:block}.award-list-content .tel-list::-webkit-scrollbar-thumb{width:4px;border-radius:4px;background:#939aa3}.award-list-content .tel-list::-webkit-scrollbar-track{border-radius:0;background:0 0}.award-list-content .tel-list-item{text-align:center;font-size:calc(14px + .5 * (1rem - 16px));line-height:calc(22px + .5 * (1rem - 16px));letter-spacing:1px;color:#0c0d0e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%;display:inline-block;margin-bottom:2px}.award-list-content .tel-list-empty{width:100%}.award-list-content .tel-list-empty image{width:148rpx;height:148rpx;margin:0 auto}.award-list-content .tel-list-tip{font-size:calc(14px + .5 * (1rem - 16px));color:#737a87;width:100%;text-align:center}.award-list-content.award-list-content-dark .award-list-title{background:linear-gradient(180deg,#1664ff 12%,#9abcff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.award-list-content.award-list-content-dark .award-list-desc{color:#737a87}.award-list-content.award-list-content-dark .tel-list-item{color:#fff}.award-list-content.award-list-content-box .award-list-title{background:linear-gradient(90deg,#a965ff .52%,#ff19a3 52.47%,#ffa551 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.award-list-content.award-list-content-box .award-list-desc{color:#737a87}.award-list-content.award-list-content-box .tel-list-item{color:#fff}.award-list-content.award-list-content-machine .award-list-title{background:linear-gradient(180deg,#ff5420 18.79%,rgba(255,85,38,.7) 83.6%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.award-list-content.award-list-content-machine .award-list-desc{color:#737a87}.award-list-content.award-list-content-machine .tel-list-item{color:#0c0d0e}
|
||||
+1
File diff suppressed because one or more lines are too long
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-loading":"weui-miniprogram/loading/loading","mp-icon":"weui-miniprogram/icon/icon","mp-form":"weui-miniprogram/form/form","award-card":"../award-card/award-card","award-list":"../award-list/award-list","mp-dialog":"weui-miniprogram/dialog/dialog"}}
|
||||
+100
@@ -0,0 +1,100 @@
|
||||
<view class="result-wrap">
|
||||
<mp-dialog wx:if="{{visible && type === 'result' && data}}" show="{{visible && type === 'result' && data}}" mask="{{true}}" mask-closable="{{true}}" ext-class="lottery-result-dialog{{IsUseDarkTheme ? ' lottery-result-dialog-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-result-dialog-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-result-dialog-machine' : ''}}" bindclose="closeModal">
|
||||
<image wx:if="{{!showAwardList}}" class="lottery-header-image" src="{{data.ifAward ? 'https://mediaservice-fe.volccdn.com/obj/vcloud-fe/livesaas-client/static/media/winning.26296204.svg' : 'https://mediaservice-fe.volccdn.com/obj/vcloud-fe/livesaas-client/static/media/no_winning.fe4c430e.svg'}}" />
|
||||
<view class="lottery-result-content-wrap">
|
||||
<image wx:if="{{!IsUseDarkTheme && data.AwardThemeUrl !== 'lotteryBox' && data.AwardThemeUrl !== 'slotMachine'}}" class="lottery-result-dialog-bg" src="../assets/questionaireImage.png" />
|
||||
<view class="lottery-header {{!data.ifAward ? 'lottery-header-not-win' : ''}}">
|
||||
<mp-icon wx:if="{{showAwardList}}" icon="back" size="{{12}}" class="lottery-header-icon-left" bindtap="closeLotteryList" />
|
||||
<mp-icon icon="close" size="{{20}}" class="lottery-header-icon-close" bindtap="closeModal" />
|
||||
</view>
|
||||
<view class="lottery-result">
|
||||
<view wx:if="{{showAwardList}}" style="margin-top: -6px">
|
||||
<award-list data="{{data}}" IsUseDarkTheme="{{IsUseDarkTheme}}" sdkInstance="{{sdkInstance}}" />
|
||||
</view>
|
||||
<view wx:elif="{{data.ifAward}}">
|
||||
<view class="lottery-winning-result">恭喜你，中奖啦</view>
|
||||
<view wx:if="{{!data.showSubmit && !data.isTicket}}" class="lottery-bottom-detail">
|
||||
请联系主办方领取奖品
|
||||
</view>
|
||||
<award-card type="result" status="{{0}}" IsUseDarkTheme="{{IsUseDarkTheme}}" data="{{data}}" />
|
||||
<view wx:if="{{data.showSubmit}}" class="lottery-result-collect {{data.fulfilled && data.showSubmit && !isFormEdit ? 'lottery-result-collect-full' : ''}}">
|
||||
<view wx:if="{{data.fulfilled && data.showSubmit && !isFormEdit}}">
|
||||
<view class="lottery-result-collect-full-title">
|
||||
<view>收货信息</view>
|
||||
<view bindtap="editClick">
|
||||
<image style="width: 14px; height: 14px; position: relative; top: 2px;" src="{{(data.AwardThemeUrl !== 'lotteryBox' && data.AwardThemeUrl !== 'slotMachine' && IsUseDarkTheme) ? '../../../../assets/edit_dark.svg' : '../../../../assets/edit.svg'}}" />
|
||||
修改
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{data.ReceiverName || data.AwardTel}}">
|
||||
{{data.ReceiverName}}
|
||||
<view wx:if="{{data.ReceiverName && data.AwardTel}}" class="lottery-result-collect-full-cut">
|
||||
|
|
||||
</view>
|
||||
{{data.AwardTel}}
|
||||
</view>
|
||||
<view>{{data.AwardAddress}}</view>
|
||||
</view>
|
||||
<mp-form wx:else models="{{formData}}" class="address-form">
|
||||
<view wx:if="{{data.showReceiverName}}" class="form-item">
|
||||
<view class="form-item-label">
|
||||
<strong>*</strong>
|
||||
收件人
|
||||
</view>
|
||||
<input class="form-input" value="{{formData.receiverName}}" bindinput="formReceiverNameChange" placeholder="请输入收件人" />
|
||||
<view wx:if="{{receiverNameError}}" class="form-item-error-message">请输入收件人</view>
|
||||
</view>
|
||||
<view wx:if="{{data.showMobile}}" class="form-item">
|
||||
<view class="form-item-label">
|
||||
<strong>*</strong>
|
||||
手机号
|
||||
</view>
|
||||
<view class="form-tel-wrap">
|
||||
<picker bindchange="formRegionChange" value="{{formData.region}}" range="{{regionArray}}">
|
||||
<view class="form-picker">{{regionArray[formData.region]}}</view>
|
||||
</picker>
|
||||
<input class="form-tel" value="{{formData.tel}}" bindinput="formTelChange" placeholder="请输入手机号码" />
|
||||
</view>
|
||||
<view wx:if="{{telError || telEmptyError}}" class="form-item-error-message">
|
||||
{{telError ? '请输入正确的手机号' : '请输入手机号'}}
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{data.showEmail}}" class="form-item">
|
||||
<view class="form-item-label">
|
||||
<strong>*</strong>
|
||||
邮箱
|
||||
</view>
|
||||
<input class="form-input" value="{{formData.email}}" bindinput="formEmailChange" placeholder="请输入邮箱" />
|
||||
<view wx:if="{{emailError}}" class="form-item-error-message">请输入邮箱</view>
|
||||
</view>
|
||||
<view wx:if="{{data.showAddress}}" class="form-item">
|
||||
<view class="form-item-label">
|
||||
<strong>*</strong>
|
||||
收货地址
|
||||
</view>
|
||||
<textarea class="form-address" value="{{formData.address}}" bindinput="formAddressChange" placeholder="请输入收货地址" />
|
||||
<view wx:if="{{addressError}}" class="form-item-error-message">请输入收货地址</view>
|
||||
</view>
|
||||
</mp-form>
|
||||
</view>
|
||||
<button wx:if="{{data.isTicket}}" type="primary" bindtap="onTicketGo" class="lottery-result-button lottery-result-button-primary">
|
||||
前往领取奖品
|
||||
</button>
|
||||
<button wx:if="{{(data.showSubmit && !data.fulfilled) || isFormEdit}}" disabled="{{isSubmitDisabled}}" type="primary" bindtap="onPersonalInfoOk" class="lottery-result-button lottery-result-button-primary {{isSubmitDisabled ? 'lottery-result-button-primary-disabled' : ''}}">
|
||||
提交中奖信息
|
||||
</button>
|
||||
<button wx:else type="default" bindtap="checkLotteryList" class="lottery-result-button lottery-result-button-default">
|
||||
查看中奖名单
|
||||
</button>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<view class="lottery-lose-result">很遗憾，你没有中奖</view>
|
||||
<award-card type="result" status="{{0}}" IsUseDarkTheme="{{IsUseDarkTheme}}" data="{{data}}" />
|
||||
<button type="default" bindtap="checkLotteryList" class="lottery-result-button lottery-result-button-default">
|
||||
查看中奖名单
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mp-dialog>
|
||||
</view>
|
||||
+1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"award-detail":"./award-detail/award-detail","award-result":"./award-result/award-result","award-list-dialog":"./award-list-dialog/award-list-dialog","award-animation":"./award-animation/award-animation"}}
|
||||
@@ -0,0 +1,4 @@
|
||||
<award-detail visible="{{visible}}" type="{{type}}" data="{{data}}" status="{{status}}" IsUseDarkTheme="{{useDarkTheme}}" bind:closeAwardDrawer="closeAwardDrawer" bind:attendLottery="attendLotteryTrigger" sdkInstance="{{sdkInstance}}" />
|
||||
<award-result visible="{{visible}}" type="{{type}}" data="{{data}}" status="{{status}}" IsUseDarkTheme="{{useDarkTheme}}" sdkInstance="{{sdkInstance}}" />
|
||||
<award-list-dialog visible="{{visible}}" type="{{type}}" data="{{data}}" IsUseDarkTheme="{{useDarkTheme}}" sdkInstance="{{sdkInstance}}" />
|
||||
<award-animation animationAwardId="{{animationAwardId}}" AwardThemeUrl="{{data.AwardThemeUrl}}" sdkInstance="{{sdkInstance}}" />
|
||||
@@ -0,0 +1 @@
|
||||
.check-in-drawer-wrap{text-align:center;background-color:#fff;padding-top:60rpx;padding-left:40rpx;padding-right:40rpx;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.close{position:absolute;top:20rpx;right:40rpx}.check-in-title{font-weight:500;font-size:calc(36rpx + .5 * (1rem - 16px));color:#3370ff;line-height:calc(52rpx + .5 * (1rem - 16px))}.check-in-content{color:#323b47;display:flex;flex-direction:column;align-items:center;font-size:calc(32rpx + .5 * (1rem - 16px));margin-top:40rpx}.check-in-over{padding-bottom:10rpx;font-size:calc(24rpx + .5 * (1rem - 16px));color:#86909c;height:calc(50rpx + .5 * (1rem - 16px))}.check-in-footer-button{width:100%!important;height:calc(80rpx + .5 * (1rem - 16px));border-radius:16rpx;font-size:calc(32rpx + .5 * (1rem - 16px));margin-bottom:48rpx;font-weight:400!important;color:#fff!important;background-color:#3370ff!important}.check-in-footer-button-disabled{background-color:#94bfff!important}.check-in-footer{display:flex;flex-direction:row;width:100%}.check-in-footer .check-in-footer-button{height:calc(80rpx + .5 * (1rem - 16px));line-height:calc(80rpx + .5 * (1rem - 16px));width:20%!important;border-radius:0 16rpx 16rpx 0;padding:0;font-size:calc(28rpx + .5 * (1rem - 16px))}.check-in-footer .check-in-footer-input{height:calc(80rpx + .5 * (1rem - 16px));width:80%;border-radius:16rpx 0 0 16rpx;background:#f2f3f8;border-color:transparent;color:#323b47;box-shadow:none!important;border:none;text-overflow:ellipsis;white-space:nowrap;font-size:calc(28rpx + .5 * (1rem - 16px));padding:0 20rpx;text-align:left}.error-msg{color:red;font-size:calc(24rpx + .5 * (1rem - 16px));position:absolute;left:40rpx;bottom:136rpx}.check-in-drawer-wrap-dark{background-color:#202124}.check-in-drawer-wrap-dark .check-in-content{color:#d2d3d3}.check-in-drawer-wrap-dark .check-in-over{color:#757577}.check-in-drawer-wrap-dark .check-in-footer .check-in-footer-input{background:#37383a;color:#d2d3d3}
|
||||
+1
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{sdkInstance:{type:Object,value:null},data:{type:Object,value:null},status:{type:Number,value:null},IsUseDarkTheme:{type:Boolean,value:null}},data:{},lifetimes:{detached:function(){}},observers:{sdkInstance:function(e){}},methods:{}});
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-icon":"weui-miniprogram/icon/icon"}}
|
||||
+84
@@ -0,0 +1,84 @@
|
||||
<wxs module="m1">
|
||||
function getConditionTypeTipMap(Num) {
|
||||
return {
|
||||
// BarragePwd:[], // 弹幕
|
||||
Quiz: ['提交全部答题', '至少提交' + Num + '道答题'],
|
||||
Questionnaire: ['提交全部问卷', '至少提交' + Num + '个问卷'],
|
||||
CheckIn: ['提交全部签到', '至少提交' + Num + '个签到'],
|
||||
Vote: ['提交全部投票', '至少提交' + Num + '个投票'],
|
||||
RightQuiz: ['答对全部答题', '至少答对' + Num + '道答题'],
|
||||
}
|
||||
};
|
||||
function getValidStr(arr) {
|
||||
if (!arr.length) return '';
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
if (arr[i] && arr[i].length > 0) {
|
||||
return arr[i];
|
||||
}
|
||||
}
|
||||
return '';
|
||||
};
|
||||
function getBySplit(text = '') { // locale
|
||||
if (!text) {
|
||||
return '';
|
||||
}
|
||||
// 根据管道符分隔
|
||||
var idx = 0; // lanType[locale] ?? LANG[locale];
|
||||
// 全角和半角的管道符
|
||||
var textList = text.split('/\||｜/');
|
||||
return getValidStr([textList[idx], textList[idx - 1], textList[0], text]);
|
||||
};
|
||||
var getTip = function (item) {
|
||||
var tip = '';
|
||||
if (item.key === 'BarragePwd') {
|
||||
tip = '发布弹幕口令：' + getBySplit(item.value);
|
||||
} else if (item.key === 'Order') {
|
||||
tip = getBySplit(item.value.OrderName || '');
|
||||
} else {
|
||||
var tipIdx = item.value === 'all' ? 0 : 1;
|
||||
var ConditionTypeTipMap = getConditionTypeTipMap(item.value);
|
||||
tip = ConditionTypeTipMap[item.key][tipIdx];
|
||||
}
|
||||
return tip;
|
||||
}
|
||||
var getShowNumberStr = function (data, status) {
|
||||
if (!data || !data.formatDataList || !data.formatDataList.length) return '';
|
||||
if (status === 1) {
|
||||
return data.formatDataList.length + '/' + data.formatDataList.length;
|
||||
}
|
||||
if (data.UndoAwardCondition) {
|
||||
return data.formatDataList.filter(function (item) { return item.completed; }).length + '/' + data.formatDataList.length;
|
||||
}
|
||||
return data.formatDataList.length;
|
||||
}
|
||||
var getComplete = function (item, status) {
|
||||
return item.completed || (status === 1);
|
||||
}
|
||||
module.exports.getTip = getTip;
|
||||
module.exports.getShowNumberStr = getShowNumberStr;
|
||||
module.exports.getComplete = getComplete;
|
||||
</wxs>
|
||||
<view class="lottery-detail-condition-box{{ IsUseDarkTheme ? ' lottery-detail-condition-box-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-detail-condition-box-box' : ''}}{{ data.AwardThemeUrl === 'slotMachine' ? ' lottery-detail-condition-box-machine' : ''}}">
|
||||
<view class="lottery-conditional-item-title">
|
||||
做任务参与抽奖
|
||||
<view class="lottery-conditional-item-title-num">{{m1.getShowNumberStr(data, status)}}</view>
|
||||
</view>
|
||||
<view wx:for="{{data.formatDataList}}" wx:for-index="index" wx:for-item="item" wx:key="{{item.key}}">
|
||||
<view wx:if="{{data.attendFailFlag || data.attendedFlag}}" class="lottery-detail-text lottery-condition-unAttend {{item.completed ? 'completed' : ''}}">
|
||||
<view>
|
||||
<mp-icon wx:if="{{m1.getComplete(item, status)}}" icon="done" color="#00aa2a" size="{{14}}" class="done" />
|
||||
<view wx:else class="circle"></view>
|
||||
<view>{{m1.getTip(item)}}</view>
|
||||
</view>
|
||||
<view class="lottery-detail-text-status">
|
||||
{{item.key === 'BarragePwd' ? '自动发送' : m1.getComplete(item, status) ? '已完成' : '待完成'}}
|
||||
</view>
|
||||
</view>
|
||||
<view wx:else class="lottery-detail-text">
|
||||
<view>
|
||||
<view class="circle"></view>
|
||||
<view>{{m1.getTip(item)}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
+1
@@ -0,0 +1 @@
|
||||
.lottery-detail-condition-box{background:#f0fcff;box-shadow:0rpx 4rpx 24rpx 0rpx rgba(0,102,255,.02);margin-top:24rpx;border-radius:16rpx;padding:24rpx}.lottery-detail-condition-box .lottery-conditional-item-title{font-weight:500;color:#0c0d0e;font-size:calc(32rpx + .5 * (1rem - 16px));margin-bottom:24rpx}.lottery-detail-condition-box .lottery-conditional-item-title-num{display:inline-block;margin-left:16rpx}.lottery-detail-condition-box .lottery-detail-text{font-weight:400;font-size:calc(28rpx + .5 * (1rem - 16px));line-height:calc(44rpx + .5 * (1rem - 16px));color:#0c0d0e;display:flex;align-items:center;word-break:break-all;justify-content:space-between;margin-bottom:16rpx}.lottery-detail-condition-box .lottery-detail-text .circle{width:12rpx;height:12rpx;border-radius:50%;margin-right:16rpx;flex-shrink:0;margin-right:22rpx;margin-left:6rpx;background:linear-gradient(159.44deg,#00c2ff 13.64%,rgba(0,194,255,0) 96.59%)}.done{margin-right:12rpx}.lottery-detail-condition-box .lottery-detail-text>view:first-child{display:flex;align-items:center}.lottery-detail-condition-box .lottery-detail-text-status{flex-shrink:0;margin-left:32rpx}.lottery-detail-condition-box .lottery-detail-text:not(:last-child){margin-bottom:16rpx}.lottery-detail-condition-box .lottery-condition-un-Attend image{stroke-width:0;color:#dbdfe9;width:16rpx;height:16rpx;vertical-align:-2rpx;margin-right:12rpx;flex-shrink:0}.lottery-detail-condition-box .lottery-condition-unAttend>view{color:#737a87}.lottery-detail-condition-box .lottery-condition-unAttend.completed>view{color:#0c0d0e}.lottery-detail-condition-box .lottery-condition-unAttend.completed image{color:#00aa2a}.lottery-detail-condition-box .lottery-condition-unAttend.completed>view:last-child{color:#1664ff}.lottery-detail-condition-box.lottery-detail-condition-box-dark{background:#2a2a35;box-shadow:0rpx 4rpx 24rpx 0rpx rgba(0,102,255,.02);box-shadow:none}.lottery-detail-condition-box.lottery-detail-condition-box-dark .lottery-conditional-item-title{color:#fff}.lottery-detail-condition-box.lottery-detail-condition-box-dark .lottery-detail-text{color:#fff}.lottery-detail-condition-box.lottery-detail-condition-box-dark .lottery-detail-text .circle{background:linear-gradient(159.44deg,#00c2ff 13.64%,rgba(0,194,255,0) 96.59%)}.lottery-detail-condition-box.lottery-detail-condition-box-dark .lottery-condition-unAttend>view{color:#c7ccd6}.lottery-detail-condition-box.lottery-detail-condition-box-dark .lottery-condition-unAttend.completed>view{color:#fff}.lottery-detail-condition-box.lottery-detail-condition-box-dark .lottery-condition-unAttend.completed svg{color:#00aa2a}.lottery-detail-condition-box.lottery-detail-condition-box-dark .lottery-condition-unAttend.completed>view:last-child{color:#387bff}.lottery-detail-condition-box.lottery-detail-condition-box-box{background:linear-gradient(112deg,rgba(6,38,103,.6) 0,rgba(97,7,93,.6) 45.31%,rgba(84,0,8,.6) 100%);backdrop-filter:blur(8rpx);box-shadow:none}.lottery-detail-condition-box.lottery-detail-condition-box-box .lottery-conditional-item-title{color:#fff}.lottery-detail-condition-box.lottery-detail-condition-box-box .lottery-detail-text{color:#fff}.lottery-detail-condition-box.lottery-detail-condition-box-box .lottery-detail-text .circle{background:linear-gradient(159.44deg,#bb52ff 13.64%,rgba(187,82,255,0) 96.59%)}.lottery-detail-condition-box.lottery-detail-condition-box-box .lottery-condition-unAttend>view{color:#c7ccd6}.lottery-detail-condition-box.lottery-detail-condition-box-box .lottery-condition-unAttend.completed>view{color:#fff}.lottery-detail-condition-box.lottery-detail-condition-box-box .lottery-condition-unAttend.completed svg{color:#00aa2a}.lottery-detail-condition-box.lottery-detail-condition-box-box .lottery-condition-unAttend.completed>view:last-child{color:#ff6dc8}.lottery-detail-condition-box.lottery-detail-condition-box-machine{background:linear-gradient(112deg,#fffcf9 0,#fffcfa 100%);box-shadow:0rpx 4rpx 24rpx 0rpx rgba(255,107,0,.02)}.lottery-detail-condition-box.lottery-detail-condition-box-machine .lottery-conditional-item-title{color:#0c0d0e}.lottery-detail-condition-box.lottery-detail-condition-box-machine .lottery-detail-text{color:#0c0d0e}.lottery-detail-condition-box.lottery-detail-condition-box-machine .lottery-detail-text .circle{background:linear-gradient(159.44deg,#ff7751 13.64%,rgba(255,119,81,0) 96.59%)}.lottery-detail-condition-box.lottery-detail-condition-box-machine .lottery-condition-unAttend>view{color:#737a87}.lottery-detail-condition-box.lottery-detail-condition-box-machine .lottery-condition-unAttend.completed>view{color:#0c0d0e}.lottery-detail-condition-box.lottery-detail-condition-box-machine .lottery-condition-unAttend.completed svg{color:#00aa2a}.lottery-detail-condition-box.lottery-detail-condition-box-machine .lottery-condition-unAttend.completed>view:last-child{color:#ff4d00}.unAttend{margin-top:0;border-radius:0 0 16rpx 16rpx}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getDisplayAwardItemConfigs=void 0;var _util=require("../util"),normalizeAwardItemConfigs=function(e){return Array.isArray(null==e?void 0:e.AwardItemConfigs)?e.AwardItemConfigs:[]},getAwardItemConfigByResult=function(e,t){var r=normalizeAwardItemConfigs(e);return t!==_util.LotteryStatus.WIN?null:r.find(function(t){return t.AwardId===(null==e?void 0:e.AwardItemId)})||null},getFallbackAwardItemConfig=function(e){return{AwardItemIcon:null==e?void 0:e.AwardIcon,AwardItemName:null==e?void 0:e.Name,AwardItemCount:null==e?void 0:e.AwardNum,AwardItemType:null==e?void 0:e.AwardItemType,WinnerInfoType:null==e?void 0:e.WinnerInfoType,AwardLotteryTicketAddr:null==e?void 0:e.AwardLotteryTicketAddr}},getDisplayAwardItemConfigs=function(e,t){var r=normalizeAwardItemConfigs(e),n=getAwardItemConfigByResult(e,t);return n?[n]:r.length?r:[getFallbackAwardItemConfig(e)]};exports.getDisplayAwardItemConfigs=getDisplayAwardItemConfigs;
|
||||
Reference in New Issue
Block a user