diff --git a/App.vue b/App.vue index 33870c1..0059b67 100644 --- a/App.vue +++ b/App.vue @@ -65,7 +65,9 @@ left: 50%; transform: translate(-50%, -50%) scale(1) } - + swan-radio .swan-radio-input .swan-radio-input-border{ + border: 1rpx solid $primary-color !important; + } swan-checkbox[checked=true] .swan-checkbox-input { border: none !important; background: transparent !important; @@ -78,7 +80,7 @@ height: 20rpx !important; color: #fff !important; border-radius: 50% !important; - background: $primary-color !important; + background: $primary-color !important; position: absolute; top: 50%; left: 50%; @@ -478,13 +480,13 @@ display: flex; flex-direction: column; justify-content: center; - padding: 30rpx; + padding: 30rpx; } .dialog-title-box { display: flex; flex-direction: row; - align-items: center; + align-items: center; } .dialog-title-txt { diff --git a/common/style/icons.css b/common/style/icons.css index 1caab36..7d391ae 100644 --- a/common/style/icons.css +++ b/common/style/icons.css @@ -155,4 +155,35 @@ background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3ODA4MTg0NzgyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwNjUzIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik04MzUuMSAyMDAuOWMtNy43IDAuMy0xNS4zIDAuNC0yMi43IDAuNC0xOTQuOSAwLTI4MC45LTgyLjYtMjgxLjYtODMuM2wtMTkuNC0xOS43LTE5LjYgMTkuN2MtMC44IDAuOS04NSA4My4zLTI4MS41IDgzLjMtNy40IDAtMTUtMC4xLTIyLjctMC40bC0yNy40LTAuOXYzNzQuNGMwIDk4IDM1LjQgMjQxIDM0MS42IDM1MC40bDkuNiAzLjQgOS42LTMuNGMzMDYuMi0xMDkuNCAzNDEuNi0yNTIuNCAzNDEuNi0zNTAuNFYyMDBsLTI3LjUgMC45TTQ4MS4yIDY3MS4yTDMwNC44IDUxNy42bDQ2LjgtMzcuMyA5My44IDY4UzU3NC45IDQxNi42IDcwMCAzNTVsMTcuOSAxOS44UzU2MS42IDUwMi4yIDQ4MS4yIDY3MS4ybTAgMCIgcC1pZD0iMTA2NTQiIGZpbGw9IiM4YThhOGEiPjwvcGF0aD48L3N2Zz4='); background-size: cover; background-repeat: no-repeat; +} + +.icon-link-yellow { + background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ4NDA0NDgxMDU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwMjc0IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik00MzEuOCAzNTBjMzYuOCAwIDcxLjUgNy45IDEwNC4zIDIzLjYgMjQuNiAxMS42IDQ2LjggMjcuNCA2Ni44IDQ3LjMgMTkuOSAxOS45IDM1LjcgNDIuMiA0Ny4zIDY2LjctMTUuOCAxNS44LTM0LjggMjMuNi01NyAyMy42LTcuOCAwLTE1LjYtMS4yLTIzLjYtMy41LTEzLjQtMjEuOC0zMS44LTQwLjEtNTMuNi01My42LTI1LjgtMTUuNy01My45LTIzLjYtODQuMS0yMy42LTIxIDAtNDEuNCA0LTYxLjEgMTItMTkuNyA4LTM3LjQgMTkuOC01Mi45IDM1LjNsLTEyMSAxMjFjLTE1LjUgMTUuNS0yNy4zIDMzLjItMzUuMyA1Mi45LTcuOSAxOS40LTEyIDQwLjEtMTIgNjEuMXM0IDQxLjQgMTIgNjEuMWM4IDE5LjggMTkuNyAzNy40IDM1LjMgNTIuOSAxNS42IDE1LjYgMzMuMiAyNy4zIDUyLjkgMzUuMyAxOS40IDcuOSA0MC4yIDEyIDYxLjIgMTJzNDEuNC00IDYxLjEtMTJjMTkuNy04IDM3LjQtMTkuOCA1Mi45LTM1LjNsODQuNy04NC43YzI2LjkgNy4zIDU0LjcgMTEgODMuNSAxMSA0LjYgMCAxMS4xLTAuMiAxOS41LTAuNi0zLjIgMy41LTYuNCA3LTkuNyAxMC40bC0xMjEgMTIxYy0yMy4zIDIzLjMtNDkuNyA0MC45LTc5LjMgNTIuOS0yOS4xIDExLjktNjAuMyAxOC05MS44IDE4cy02Mi4yLTYtOTEuOC0xOC4xYy0yOS43LTEyLjEtNTYuMS0yOS43LTc5LjMtNTIuOC0yMy4zLTIzLjMtNDAuOS00OS43LTUyLjktNzkuMi0xMS45LTI5LjEtMTgtNjAuMy0xOC05MS44czYuMS02Mi43IDE4LTkxLjhjMTItMjkuNSAyOS42LTU1LjkgNTIuOS03OS4ybDEyMS0xMjFjMi4zLTIuMyA1LjgtNS41IDEwLjQtOS44IDIyLjUtMjAgNDcuNi0zNS4xIDc1LjMtNDUuNSAyNy43LTEwLjMgNTYuMS0xNS41IDg1LjMtMTUuNnpNNzE0LjEgNjcuOGMzMS41IDAgNjIuNyA2LjEgOTEuOCAxOCAyOS41IDExLjkgNTUuOSAyOS42IDc5LjMgNTIuOSAyMy4zIDIzLjMgNDEgNDkuNyA1Mi45IDc5LjIgMTEuOSAyOS4yIDE4IDYwLjMgMTcuOSA5MS44IDAgMzEuNS02LjEgNjIuMS0xOC4xIDkxLjgtMTIuMSAyOS43LTI5LjcgNTYuMS01Mi44IDc5LjJsLTEyMSAxMjFjLTIuMyAyLjQtNS44IDUuNi0xMC40IDkuOC0yMi40IDIwLTQ3LjUgMzUuMS03NS4zIDQ1LjUtMjcuMyAxMC4zLTU2LjIgMTUuNi04NS40IDE1LjYtMzYuNyAwLTcxLjUtNy45LTEwNC4zLTIzLjYtMjQuNi0xMS42LTQ2LjgtMjcuNC02Ni44LTQ3LjMtMTkuOS0xOS45LTM1LjctNDIuMi00Ny4zLTY2LjcgMTUuNy0xNS44IDM0LjctMjMuNiA1Ny0yMy42IDcuOCAwIDE1LjcgMS4yIDIzLjYgMy41IDEzLjQgMjEuOCAzMS43IDQwLjEgNTMuNSA1My42IDI1LjkgMTUuNyA1My45IDIzLjYgODQuMSAyMy42IDIxIDAgNDEuNC00IDYxLjEtMTIgMTkuOC04IDM3LjQtMTkuOCA1Mi45LTM1LjNsMTIxLTEyMWMxNS42LTE1LjUgMjcuMy0zMy4yIDM1LjMtNTIuOSA3LjktMTkuNCAxMi00MC4xIDEyLTYxLjFzLTQtNDEuNC0xMi02MS4xYy04LTE5LjgtMTkuOC0zNy40LTM1LjMtNTIuOS0xNS42LTE1LjYtMzMuMi0yNy4zLTUyLjktMzUuMy0xOS40LTcuOS00MC4yLTEyLTYxLjEtMTItMjEgMC00MS40IDQtNjEuMSAxMi0xOS44IDgtMzcuNCAxOS44LTUyLjkgMzUuM0w1MTUgMjgwLjVjLTI2LjktNy4zLTU0LjctMTEtODMuNS0xMS00LjYgMC0xMS4xIDAuMi0xOS41IDAuNiAzLjItMy41IDYuNC03IDkuOC0xMC40bDEyMS0xMjFjMjMuMS0yMy4xIDQ5LjUtNDAuNyA3OS4yLTUyLjggMjkuOS0xMi4xIDYwLjUtMTguMiA5Mi4xLTE4LjF6IG0wIDAiIHAtaWQ9IjEwMjc1IiBmaWxsPSIjRkU5OTQ0Ij48L3BhdGg+PC9zdmc+'); + background-size: cover; + background-repeat: no-repeat; +} + +.icon-download-blue { + background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ4NDA1MzgwNDA3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEzMDcgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExNDAxIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik02NTUuNDUwNTg0IDEwMjMuOTk5Nzg3YTYzLjc4NzM2MiA2My43ODczNjIgMCAwIDEtNDQuODk5MjE2LTE4LjMyMTE0OGwtMTM1LjMzNTUyLTEzMi44OTAzMzdhMzIuOTkyMjQxIDMyLjk5MjI0MSAwIDAgMS0zLjU0Mzc0Mi00NC4xMTk1OTMgMzEuODkzNjgxIDMxLjg5MzY4MSAwIDAgMSA0Ny4wMjU0NjEtMi41NTE0OTRsMTM2LjI5MjMzIDEzMy44MTE3MTFhMC4zMTg5MzcgMC4zMTg5MzcgMCAwIDAgMC40MjUyNDkgMGwxMTUuMDI5ODc3LTExNi41NTM2ODZhMzEuODkzNjgxIDMxLjg5MzY4MSAwIDAgMSA0Ny4wNjA4OTggMS43MzY0MzQgMzMuMDI3Njc5IDMzLjAyNzY3OSAwIDAgMS0yLjcyODY4MiA0NC4xOTA0NjdsLTExMy43MTg2OTEgMTE1LjU5Njg3NWE2My43ODczNjIgNjMuNzg3MzYyIDAgMCAxLTQ1LjYwNzk2NCAxOS4xMDA3NzF6IiBmaWxsPSIjMTI5NmRiIiBwLWlkPSIxMTQwMiI+PC9wYXRoPjxwYXRoIGQ9Ik02NTUuOTQ2NzA4IDEwMjAuNzM5NTQ0YTMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEtMzEuODkzNjgxLTMxLjE4NDkzMmwtMTEuMDIxMDM5LTQ3Ny44MDI3OGEzMS45MDA3NjkgMzEuOTAwNzY5IDAgMSAxIDYzLjc4NzM2Mi0xLjQ1MjkzNWwxMS4wMjEwMzkgNDc3LjgwMjc4YTMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEtMzEuMTQ5NDk1IDMyLjYwMjQzeiIgZmlsbD0iIzEyOTZkYiIgcC1pZD0iMTE0MDMiPjwvcGF0aD48cGF0aCBkPSJNOTgxLjk3MTAwMyA5ODkuMjM1Njc1YTMyNS41NjM2MDkgMzI1LjU2MzYwOSAwIDAgMS04OC41OTM1NTgtMTIuMjI1OTExYy0xNi4zMzY2NTItNC42NDIzMDItMjcuNTcwMzE1LTIwLjg3MjY0Mi0yNC4xNjgzMjMtMzcuNDkyNzk0YTMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEgNDAuMTE1MTYzLTI0LjMxMDA3MyAyNjEuNTI4MTg1IDI2MS41MjgxODUgMCAxIDAgMjMuMzUzMjYyLTUwNy45OTU0NjQgMzEuODkzNjgxIDMxLjg5MzY4MSAwIDAgMS0zNy4zNTEwNDQtMzYuOTYxMjMzIDI2My44NjcwNTUgMjYzLjg2NzA1NSAwIDAgMCA0LjIxNzA1My00Ni41MjkzMzcgMjYwLjYwNjgxMiAyNjAuNjA2ODEyIDAgMCAwLTIzMi41NDAzNzItMjU5Ljg2MjYyNmgtMjYuNzkwNjkyYTI2MC42MDY4MTIgMjYwLjYwNjgxMiAwIDAgMC0yMzIuNTA0OTM1IDI1OS44NjI2MjYgMjYzLjg2NzA1NSAyNjMuODY3MDU1IDAgMCAwIDQuMjE3MDUzIDQ2LjUyOTMzNyAzMS44OTM2ODEgMzEuODkzNjgxIDAgMCAxLTM3LjM4NjQ4MiAzNi45NjEyMzMgMjYxLjQyMTg3MyAyNjEuNDIxODczIDAgMSAwIDIxLjk3MTIwMyA1MDguMzg1Mjc2IDMzLjA5ODU1MyAzMy4wOTg1NTMgMCAwIDEgMzkuOTAyNTM5IDE4LjQyNzQ2IDMxLjg5MzY4MSAzMS44OTM2ODEgMCAwIDEtMjAuODAxNzY4IDQyLjUyNDkwOCAzMjUuMjgwMTEgMzI1LjI4MDExIDAgMSAxLTkwLjMyOTk5Mi02MzcuODczNjIxaDMuMzMxMTE3YTE1LjA5NjM0MiAxNS4wOTYzNDIgMCAwIDAgMTUuMzA4OTY3LTE1LjAyNTQ2OEEzMjQuMjg3ODYyIDMyNC4yODc4NjIgMCAwIDEgNjM1LjI1MTI1MiAwLjE0MTc1aDM2LjcxMzE3MWEzMjQuMjg3ODYyIDMyNC4yODc4NjIgMCAwIDEgMjkxLjMzMTA1OCAzMjMuNTA4MjM4IDE0LjkxOTE1NSAxNC45MTkxNTUgMCAwIDAgMTUuMTMxNzggMTQuODgzNzE4aDMuNTQzNzQyYTMyNS4zNTA5ODQgMzI1LjM1MDk4NCAwIDAgMSAwIDY1MC43MDE5Njl6IiBmaWxsPSIjMTI5NmRiIiBwLWlkPSIxMTQwNCI+PC9wYXRoPjwvc3ZnPg=='); + background-size: cover; + background-repeat: no-repeat; +} + +.icon-table { + background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ4NDE0ODE1MDc2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjkwMDMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTkyNi4wOCAxOTJMNDI1LjYgOTIuMTZsLTIzLjA0IDY0LTE1MS4wNCA0MTEuNTJhNDEuNiA0MS42IDAgMCAxLTMzLjkyIDMyIDM5LjA0IDM5LjA0IDAgMCAxLTM5LjY4LTU2LjMybDQ4LjY0LTEzMy4xMkwzNjEuNiA0MC45NmE0MC45NiA0MC45NiAwIDAgMSA1My43Ni0zMC4wOGw1NjIuNTYgMTExLjM2YTQwLjMyIDQwLjMyIDAgMCAxIDMzLjkyIDU2LjMyYy02NCAyMDYuNzItMTM1LjA0IDQxMy40NC0yMTUuMDQgNjE1LjA0YTY0MCA2NDAgMCAwIDEtNjQgMTI4IDIwNy4zNiAyMDcuMzYgMCAwIDEtMTY3LjA0IDkyLjhBMjM2LjE2IDIzNi4xNiAwIDAgMSA0NDggOTkwLjcyYy0xMDYuMjQtNDcuMzYtMjExLjItOTQuNzItMzE2LjgtMTQyLjA4YTIwOC42NCAyMDguNjQgMCAwIDEtNzkuMzYtNTUuMDQgMTkyIDE5MiAwIDAgMS00Mi4yNC0xNDEuNDRjMC0xNy4yOCA0LjQ4LTM1LjIgNy4wNC01NC40bDEwLjg4IDMuODRjMTQxLjQ0IDU2Ljk2IDI4Mi4yNCAxMTQuNTYgNDIzLjY4IDE3MC44OGExMy40NCAxMy40NCAwIDAgMSA5LjYgMTQuMDggMjAzLjUyIDIwMy41MiAwIDAgMCAxOC41NiA5OS4yIDkyLjggOTIuOCAwIDAgMCA5Ni42NCA0OS4yOCAxMzYuMzIgMTM2LjMyIDAgMCAwIDk4LjU2LTcyLjk2IDg1OC4yNCA4NTguMjQgMCAwIDAgNjQtMTQ1LjkyYzYwLjE2LTE1Ni44IDExMy45Mi0zMTYuMTYgMTY2LjQtNDc2LjE2IDUuNzYtMTYgMTAuODgtMzIgMTYtNDguNjR6IG0wIDAiIGZpbGw9IiMxNkEzNEEiIHAtaWQ9IjkwMDQiPjwvcGF0aD48cGF0aCBkPSJNNjQ1Ljc2IDY4OS45MmEzNy43NiAzNy43NiAwIDAgMS01MC41NiAzNS44NGwtMTYzLjg0LTU0LjRhMzkuNjggMzkuNjggMCAwIDEtMjYuMjQtNDAuMzIgMzcuNzYgMzcuNzYgMCAwIDEgMzMuMjgtMzMuMjggNTIuNDggNTIuNDggMCAwIDEgMTkuODQgMGwxNTguMDggNTIuNDhhMzcuNzYgMzcuNzYgMCAwIDEgMjkuNDQgMzcuNzZ6IG02NC0xNTUuNTJhMzUuODQgMzUuODQgMCAwIDEtMTAuMjQgMjYuODggMzYuNDggMzYuNDggMCAwIDEtMjYuODggMTAuODggNDQuMTYgNDQuMTYgMCAwIDEtMTYgMGwtMTU5LjM2LTU0LjRhMzguNCAzOC40IDAgMCAxLTI4LjE2LTQ3LjM2IDM2LjQ4IDM2LjQ4IDAgMCAxIDQyLjg4LTI3LjUyYzE5LjIgNS4xMiAzNy4xMiAxMi4xNiA1NS42OCAxNy45MmwxMDguOCAzNS44NGEzNy43NiAzNy43NiAwIDAgMSAzMC4wOCAzNy4xMnogbTY3Ljg0LTE2Ni40YTM2LjQ4IDM2LjQ4IDAgMCAxLTQwLjk2IDM3LjEyYy0yMy42OC00LjQ4LTQ2LjcyLTExLjUyLTY5Ljc2LTE3LjkybC0xMDIuNC0yNy41MmEzNy4xMiAzNy4xMiAwIDAgMS0zMC4wOC0zMy45MiAzNi40OCAzNi40OCAwIDAgMSAxOC41Ni0zNi40OCA0Mi4yNCA0Mi4yNCAwIDAgMSAzNS4yIDBMNzA0IDMyMGw0NC44IDEyLjE2YTM5LjA0IDM5LjA0IDAgMCAxIDI4LjggMzcuMTJ6IG0tMzgwLjE2IDM5LjA0YTQwLjk2IDQwLjk2IDAgMCAxIDQwLjk2IDQwLjk2IDM5LjY4IDM5LjY4IDAgMCAxLTM4LjQgMzguNCA0MC45NiA0MC45NiAwIDAgMS00Mi44OC0zOC40IDM4LjQgMzguNCAwIDAgMSAzOC40LTM4LjR6IG02NC04MS45MmE0MC4zMiA0MC4zMiAwIDAgMS00MS42LTM5LjA0IDM1Ljg0IDM1Ljg0IDAgMCAxIDExLjUyLTI2Ljg4IDM3Ljc2IDM3Ljc2IDAgMCAxIDI2Ljg4LTEwLjg4IDM5LjY4IDM5LjY4IDAgMCAxIDQyLjI0IDM5LjY4IDM1Ljg0IDM1Ljg0IDAgMCAxLTM5LjA0IDM2LjQ4ek0zMzYgNTU0Ljg4YTM5LjY4IDM5LjY4IDAgMCAxIDQxLjYgMzkuMDQgMzcuNzYgMzcuNzYgMCAwIDEtMTAuODggMjYuODggNDAuMzIgNDAuMzIgMCAwIDEtMjYuMjQgMTAuODggNDAuOTYgNDAuOTYgMCAwIDEtNDQuMTYtMzkuMDQgMzguNCAzOC40IDAgMCAxIDM5LjY4LTM3Ljc2eiBtMCAwIiBmaWxsPSIjMTZBMzRBIiBwLWlkPSI5MDA1Ij48L3BhdGg+PC9zdmc+'); + background-size: cover; + background-repeat: no-repeat; +} + +.icon-tool { + background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnpNNTEzLjEgNTE4LjFsLTE5MiAxNjFjLTUuMiA0LjQtMTMuMS43LTEzLjEtNi4xdi02Mi43YzAtMi4zIDEuMS00LjYgMi45LTYuMUw0MjAuNyA1MTJsLTEwOS44LTkyLjJhNy42MyA3LjYzIDAgMCAxLTIuOS02LjFWMzUxYzAtNi44IDcuOS0xMC41IDEzLjEtNi4xbDE5MiAxNjAuOWMzLjkgMy4yIDMuOSA5LjEgMCAxMi4zek03MTYgNjczYzAgNC40LTMuNCA4LTcuNSA4aC0xODVjLTQuMSAwLTcuNS0zLjYtNy41LTh2LTQ4YzAtNC40IDMuNC04IDcuNS04aDE4NWM0LjEgMCA3LjUgMy42IDcuNSA4djQ4eiIgZmlsbD0icmdiYSg1MiwxMjQsMTc1LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+'); + background-size: cover; + background-repeat: no-repeat; +} + + +.icon-source { + background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkyOCAxNjFINjk5LjJjLTQ5LjEgMC05Ny4xIDE0LjEtMTM4LjQgNDAuN0w1MTIgMjMzbC00OC44LTMxLjNBMjU1LjIgMjU1LjIgMCAwIDAgMzI0LjggMTYxSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1NjhjMCAxNy43IDE0LjMgMzIgMzIgMzJoMjI4LjhjNDkuMSAwIDk3LjEgMTQuMSAxMzguNCA0MC43bDQ0LjQgMjguNmMxLjMuOCAyLjggMS4zIDQuMyAxLjNzMy0uNCA0LjMtMS4zbDQ0LjQtMjguNkM2MDIgODA3LjEgNjUwLjEgNzkzIDY5OS4yIDc5M0g5MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWMTkzYzAtMTcuNy0xNC4zLTMyLTMyLTMyek00MDQgNTUzLjVjMCA0LjEtMy4yIDcuNS03LjEgNy41SDIxMS4xYy0zLjkgMC03LjEtMy40LTcuMS03LjV2LTQ1YzAtNC4xIDMuMi03LjUgNy4xLTcuNWgxODUuN2MzLjkgMCA3LjEgMy40IDcuMSA3LjV2NDV6bTAtMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUgyMTEuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em00MTYgMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUg2MjcuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em0wLTE0MGMwIDQuMS0zLjIgNy41LTcuMSA3LjVINjI3LjFjLTMuOSAwLTcuMS0zLjQtNy4xLTcuNXYtNDVjMC00LjEgMy4yLTcuNSA3LjEtNy41aDE4NS43YzMuOSAwIDcuMSAzLjQgNy4xIDcuNXY0NXoiIGZpbGw9InJnYmEoMTI5LDE3OSw1NSwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg=='); + background-size: cover; + background-repeat: no-repeat; } \ No newline at end of file diff --git a/pages/copyright/refund/refund.vue b/pages/copyright/refund/refund.vue index d9024e5..5a47f55 100644 --- a/pages/copyright/refund/refund.vue +++ b/pages/copyright/refund/refund.vue @@ -48,7 +48,7 @@ - diff --git a/pages/copyright/repair/repair.vue b/pages/copyright/repair/repair.vue index 9077c3c..af5cf1c 100644 --- a/pages/copyright/repair/repair.vue +++ b/pages/copyright/repair/repair.vue @@ -78,7 +78,7 @@ - @@ -142,52 +142,69 @@ - - + + - 资料下载 + + + 资料下载 + - + + + 操作手册 + 软件的鉴别材料-操作手册 - - - Word格式下载 + + Word格式 - - - PDF格式下载 + + PDF格式 - + + + 源代码 + 软件的鉴别材料-项目源代码 - - - Word格式下载 + + Word格式 - - - PDF格式下载 + + PDF格式 - 温馨提示:若您想把下载的文件留存到本地,打开预览页面后,在界面右上角操作栏内,选择使用其他软件打开或者保存文件功能就能实现。 + + + + 使用提示 + 温馨提示: 若您想把下载的文件留存到本地,打开预览页面后,在界面右上角操作栏内,选择使用其他软件打开或者保存文件功能就能实现。 + + + + @@ -954,62 +971,78 @@ .download-item { display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 10px; - background-color: white; - border-radius: 5px; - height: 80px; + flex-direction: column; + background-color: $white-color; + border-radius: 15rpx; + box-shadow: 0rpx 0rpx 0rpx 5rpx $bg-gray-input-color; + padding: 30rpx; } - .download-item:nth-of-type(n+2) { - margin-top: 10px; + .download-item:nth-last-of-type(n+2) { + margin-top: 20rpx; } - .download-item:last-child { - margin-bottom: 80px; - } .download-title { display: flex; - flex-direction: column; - justify-content: center; + flex-direction: row; align-items: center; - padding: 10px; - width: 75px; } .download-title-txt { - font-size: 16px; + font-size: 32rpx; font-weight: bold; - margin-top: 10px; + margin-left: 15rpx; + } + + .download-item-desc { + font-size: 24rpx; + margin-top: 10rpx; } .download-btn-box { display: flex; - flex-direction: column; + flex-direction: row; justify-content: space-between; align-items: center; - height: 70px; - flex: .6; + padding: 30rpx 0rpx 0rpx 0rpx; } .download-btn { display: flex; flex-direction: row; - justify-content: space-between; + justify-content: center; align-items: center; - color: black; - padding: 5px 10px; + padding: 15rpx; border-radius: 5px; - border: 1px solid #CECECE; - width: 105px; + flex: 1; + box-shadow: 0rpx 0rpx 2rpx $bg-gray-input-color; + font-weight: bold; + } + + .download-btn:nth-child(2) { + margin-left: 40rpx; + } + + .download-btn.blue { + background-color: $bg-blue-shallow-color; + color: $text-blue-color; + } + + .download-btn.gray { + background-color: $bg-gray-input-light-color; + color: $text-brown-color; + } + + .download-btn.red { + background-color: $bg-red-shallow-color; + color: $text-red-color; } .download-btn-txt { - font-size: 12px; + font-size: 24rpx; text-align: center; + margin-left: 10rpx; } .download-btn:active { @@ -1018,56 +1051,52 @@ - .icon-table { - content: ""; - background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgc3R5bGU9IiIgZmlsdGVyPSJub25lIj4KICAgIAogICAgPGc+CiAgICA8cGF0aCBkPSJNMTYgMjFoLTR2Mmg0di0yek0xNyAyMWg0djJoLTR2LTJ6TTE2IDI2aC00di0yaDR2MnpNMTcgMjZoNHYtMmgtNHYyek0xNiAxOGgtNHYyaDR2LTJ6TTE3IDE4aDR2MmgtNHYtMnpNMTYgMTVoLTR2Mmg0di0yek0xNyAxNWg0djJoLTR2LTJ6TTE5IDN2Ni4wMDJjMCAxLjExMSAwLjg5OCAxLjk5OCAyLjAwNiAxLjk5OGg0Ljk5NHYxNy4wMDNjMCAxLjEwNy0wLjg5NCAxLjk5Ny0xLjk5NyAxLjk5N2gtMTUuMDA1Yy0xLjEwNyAwLTEuOTk3LTAuODk5LTEuOTk3LTIuMDA3di0yMi45ODVjMC0xLjEwOSAwLjg5OS0yLjAwNyAyLjAwOS0yLjAwN2g5Ljk5MXpNMjAgM3Y1Ljk5N2MwIDAuNTU0IDAuNDUxIDEuMDAzIDAuOTkxIDEuMDAzaDUuMDA5bC02LTd6TTExIDEzdjE0aDExdi0xNGgtMTF6IiBmaWxsPSJyZ2JhKDI1NSwxNjksMCwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg=='); - background-size: cover; - background-repeat: no-repeat; - width: 48px; - height: 48px; - } - - .icon-tool { - background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnpNNTEzLjEgNTE4LjFsLTE5MiAxNjFjLTUuMiA0LjQtMTMuMS43LTEzLjEtNi4xdi02Mi43YzAtMi4zIDEuMS00LjYgMi45LTYuMUw0MjAuNyA1MTJsLTEwOS44LTkyLjJhNy42MyA3LjYzIDAgMCAxLTIuOS02LjFWMzUxYzAtNi44IDcuOS0xMC41IDEzLjEtNi4xbDE5MiAxNjAuOWMzLjkgMy4yIDMuOSA5LjEgMCAxMi4zek03MTYgNjczYzAgNC40LTMuNCA4LTcuNSA4aC0xODVjLTQuMSAwLTcuNS0zLjYtNy41LTh2LTQ4YzAtNC40IDMuNC04IDcuNS04aDE4NWM0LjEgMCA3LjUgMy42IDcuNSA4djQ4eiIgZmlsbD0icmdiYSg1MiwxMjQsMTc1LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+'); - background-size: cover; - background-repeat: no-repeat; - width: 42px; - height: 42px; - } - - - .icon-source { - background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkyOCAxNjFINjk5LjJjLTQ5LjEgMC05Ny4xIDE0LjEtMTM4LjQgNDAuN0w1MTIgMjMzbC00OC44LTMxLjNBMjU1LjIgMjU1LjIgMCAwIDAgMzI0LjggMTYxSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1NjhjMCAxNy43IDE0LjMgMzIgMzIgMzJoMjI4LjhjNDkuMSAwIDk3LjEgMTQuMSAxMzguNCA0MC43bDQ0LjQgMjguNmMxLjMuOCAyLjggMS4zIDQuMyAxLjNzMy0uNCA0LjMtMS4zbDQ0LjQtMjguNkM2MDIgODA3LjEgNjUwLjEgNzkzIDY5OS4yIDc5M0g5MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWMTkzYzAtMTcuNy0xNC4zLTMyLTMyLTMyek00MDQgNTUzLjVjMCA0LjEtMy4yIDcuNS03LjEgNy41SDIxMS4xYy0zLjkgMC03LjEtMy40LTcuMS03LjV2LTQ1YzAtNC4xIDMuMi03LjUgNy4xLTcuNWgxODUuN2MzLjkgMCA3LjEgMy40IDcuMSA3LjV2NDV6bTAtMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUgyMTEuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em00MTYgMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUg2MjcuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em0wLTE0MGMwIDQuMS0zLjIgNy41LTcuMSA3LjVINjI3LjFjLTMuOSAwLTcuMS0zLjQtNy4xLTcuNXYtNDVjMC00LjEgMy4yLTcuNSA3LjEtNy41aDE4NS43YzMuOSAwIDcuMSAzLjQgNy4xIDcuNXY0NXoiIGZpbGw9InJnYmEoMTI5LDE3OSw1NSwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg=='); - background-size: cover; - background-repeat: no-repeat; - width: 42px; - height: 42px; - } - - .download-all { + .bg-blue { display: flex; - flex-direction: row; + flex-direction: column; justify-content: center; align-items: center; - width: 100vw; - background-color: $primary-color; - color: white; - padding: 5px 0px; - border-radius: 5px; + background-color: $bg-blue-shallow-color; + width: 72rpx; + height: 72rpx; + border-radius: 15rpx; } - .download-all:active { - background-color: $primary-color; + .bg-yellow { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: $bg-green-light-color; + width: 72rpx; + height: 72rpx; + border-radius: 15rpx; } + .bg-green { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: $bg-green-light-color; + width: 72rpx; + height: 72rpx; + border-radius: 15rpx; + } + + + .bg-gray { + background-color: $bg-gray-input-color; + } .download-desc { display: flex; flex-direction: column; - justify-content: center; - align-items: flex-start; - width: 100vw; + background-color: $white-color; + padding: 30rpx; + border-radius: 15rpx; + margin-top: 20rpx; } .link-title { @@ -1094,4 +1123,43 @@ color: $primary-color; font-weight: bold; } + + .download-notes { + display: flex; + flex-direction: row; + border-left: 12rpx solid $blue-color; + border-radius: 5rpx; + background-color: $bg-blue-shallow-color; + font-size: 24rpx; + /* #ifdef MP-BAIDU */ + margin-bottom: 10rpx; + /* #endif */ + /* #ifndef MP-BAIDU */ + margin-bottom: 80rpx; + /* #endif */ + padding: 20rpx; + box-shadow: 0rpx 0rpx 0rpx 5rpx $bg-gray-input-color; + } + + .notes-title-box { + display: flex; + flex-direction: row; + align-items: center; + color: $text-blue-color; + } + + .notes-content-box { + display: flex; + flex-direction: column; + align-items: flex-start; + color: $text-blue-color; + } + + .dialog-title { + align-self: center; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + } \ No newline at end of file diff --git a/pages/index/home.vue b/pages/index/home.vue index 854f5b2..1d5cf3c 100644 --- a/pages/index/home.vue +++ b/pages/index/home.vue @@ -121,71 +121,102 @@ - - - 资料下载 - - - 项目预览链接 - {{sysPreviewUrl}} - - - - - 申请表 - - - - - Word格式下载 - - - - TXT格式下载 - - - - - - - - 操作手册 - - - - - Word格式下载 - - - - PDF格式下载 - - - - - - - 源代码 - - - - - Word格式下载 - - - - PDF格式下载 - - - - 温馨提示:若您想把下载的文件留存到本地,打开预览页面后,在界面右上角操作栏内,选择使用其他软件打开或者保存文件功能就能实现。 + + + + + 资料下载 + + + + + + + + 项目预览链接 + + 复制下方链接查看项目演示 + + {{sysPreviewUrl}} + + + + + + + + 申请表 + + 软件著作权登记申请表,包含软件名称、版本号、开发完成日期、著作权人信息等 + + + + Word格式 + + + + TXT格式 + + + + + + + + + + 操作手册 + + 软件的鉴别材料-操作手册 + + + + Word格式 + + + + PDF格式 + + + + + + + + + 源代码 + + 软件的鉴别材料-项目源代码 + + + + Word格式 + + + + PDF格式 + + + + + + + 使用提示 + 注: 受系统条件限制,如需下载程序、购买服务或查看演示视频,建议通过电脑端进行操作. + 温馨提示: 若您想把下载的文件留存到本地,打开预览页面后,在界面右上角操作栏内,选择使用其他软件打开或者保存文件功能就能实现。 + + + + + @@ -1174,64 +1205,83 @@ background-color: #F1F1F1; } + .download-box { + display: flex; + flex-direction: column; + } + .download-item { display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 10px; - background-color: white; - border-radius: 5px; - height: 80px; + flex-direction: column; + background-color: $white-color; + border-radius: 15rpx; + box-shadow: 0rpx 0rpx 0rpx 5rpx $bg-gray-input-color; + padding: 30rpx; } - .download-item:nth-of-type(n+2) { - margin-top: 10px; + .download-item:nth-last-of-type(n+2) { + margin-top: 20rpx; } - .download-item:last-child { - margin-bottom: 80px; - } .download-title { display: flex; - flex-direction: column; - justify-content: center; + flex-direction: row; align-items: center; - padding: 10px; - width: 75px; } .download-title-txt { - font-size: 16px; + font-size: 32rpx; font-weight: bold; - margin-top: 10px; + margin-left: 15rpx; + } + + .download-item-desc { + font-size: 24rpx; + margin-top: 10rpx; } .download-btn-box { display: flex; - flex-direction: column; + flex-direction: row; justify-content: space-between; align-items: center; - height: 70px; - flex: .6; + padding: 30rpx 0rpx 0rpx 0rpx; } .download-btn { display: flex; flex-direction: row; - justify-content: space-between; + justify-content: center; align-items: center; - color: black; - padding: 5px 10px; + padding: 15rpx; border-radius: 5px; - border: 1px solid #CECECE; - width: 105px; + flex: 1; + } + + .download-btn:nth-child(2) { + margin-left: 40rpx; + } + + .download-btn.blue { + background-color: $bg-blue-shallow-color; + color: $text-blue-color; + } + + .download-btn.gray { + background-color: $bg-gray-input-light-color; + color: $text-brown-color; + } + + .download-btn.red { + background-color: $bg-red-shallow-color; + color: $text-red-color; } .download-btn-txt { - font-size: 12px; + font-size: 24rpx; text-align: center; + margin-left: 10rpx; } .download-btn:active { @@ -1240,70 +1290,77 @@ - .icon-table { - content: ""; - background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgc3R5bGU9IiIgZmlsdGVyPSJub25lIj4KICAgIAogICAgPGc+CiAgICA8cGF0aCBkPSJNMTYgMjFoLTR2Mmg0di0yek0xNyAyMWg0djJoLTR2LTJ6TTE2IDI2aC00di0yaDR2MnpNMTcgMjZoNHYtMmgtNHYyek0xNiAxOGgtNHYyaDR2LTJ6TTE3IDE4aDR2MmgtNHYtMnpNMTYgMTVoLTR2Mmg0di0yek0xNyAxNWg0djJoLTR2LTJ6TTE5IDN2Ni4wMDJjMCAxLjExMSAwLjg5OCAxLjk5OCAyLjAwNiAxLjk5OGg0Ljk5NHYxNy4wMDNjMCAxLjEwNy0wLjg5NCAxLjk5Ny0xLjk5NyAxLjk5N2gtMTUuMDA1Yy0xLjEwNyAwLTEuOTk3LTAuODk5LTEuOTk3LTIuMDA3di0yMi45ODVjMC0xLjEwOSAwLjg5OS0yLjAwNyAyLjAwOS0yLjAwN2g5Ljk5MXpNMjAgM3Y1Ljk5N2MwIDAuNTU0IDAuNDUxIDEuMDAzIDAuOTkxIDEuMDAzaDUuMDA5bC02LTd6TTExIDEzdjE0aDExdi0xNGgtMTF6IiBmaWxsPSJyZ2JhKDI1NSwxNjksMCwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg=='); - background-size: cover; - background-repeat: no-repeat; - width: 48px; - height: 48px; - } - - .icon-tool { - background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTg4MCAxMTJIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY3MzZjMCAxNy43IDE0LjMgMzIgMzIgMzJoNzM2YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjE0NGMwLTE3LjctMTQuMy0zMi0zMi0zMnpNNTEzLjEgNTE4LjFsLTE5MiAxNjFjLTUuMiA0LjQtMTMuMS43LTEzLjEtNi4xdi02Mi43YzAtMi4zIDEuMS00LjYgMi45LTYuMUw0MjAuNyA1MTJsLTEwOS44LTkyLjJhNy42MyA3LjYzIDAgMCAxLTIuOS02LjFWMzUxYzAtNi44IDcuOS0xMC41IDEzLjEtNi4xbDE5MiAxNjAuOWMzLjkgMy4yIDMuOSA5LjEgMCAxMi4zek03MTYgNjczYzAgNC40LTMuNCA4LTcuNSA4aC0xODVjLTQuMSAwLTcuNS0zLjYtNy41LTh2LTQ4YzAtNC40IDMuNC04IDcuNS04aDE4NWM0LjEgMCA3LjUgMy42IDcuNSA4djQ4eiIgZmlsbD0icmdiYSg1MiwxMjQsMTc1LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+'); - background-size: cover; - background-repeat: no-repeat; - width: 42px; - height: 42px; - } - - - .icon-source { - background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkyOCAxNjFINjk5LjJjLTQ5LjEgMC05Ny4xIDE0LjEtMTM4LjQgNDAuN0w1MTIgMjMzbC00OC44LTMxLjNBMjU1LjIgMjU1LjIgMCAwIDAgMzI0LjggMTYxSDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY1NjhjMCAxNy43IDE0LjMgMzIgMzIgMzJoMjI4LjhjNDkuMSAwIDk3LjEgMTQuMSAxMzguNCA0MC43bDQ0LjQgMjguNmMxLjMuOCAyLjggMS4zIDQuMyAxLjNzMy0uNCA0LjMtMS4zbDQ0LjQtMjguNkM2MDIgODA3LjEgNjUwLjEgNzkzIDY5OS4yIDc5M0g5MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWMTkzYzAtMTcuNy0xNC4zLTMyLTMyLTMyek00MDQgNTUzLjVjMCA0LjEtMy4yIDcuNS03LjEgNy41SDIxMS4xYy0zLjkgMC03LjEtMy40LTcuMS03LjV2LTQ1YzAtNC4xIDMuMi03LjUgNy4xLTcuNWgxODUuN2MzLjkgMCA3LjEgMy40IDcuMSA3LjV2NDV6bTAtMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUgyMTEuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em00MTYgMTQwYzAgNC4xLTMuMiA3LjUtNy4xIDcuNUg2MjcuMWMtMy45IDAtNy4xLTMuNC03LjEtNy41di00NWMwLTQuMSAzLjItNy41IDcuMS03LjVoMTg1LjdjMy45IDAgNy4xIDMuNCA3LjEgNy41djQ1em0wLTE0MGMwIDQuMS0zLjIgNy41LTcuMSA3LjVINjI3LjFjLTMuOSAwLTcuMS0zLjQtNy4xLTcuNXYtNDVjMC00LjEgMy4yLTcuNSA3LjEtNy41aDE4NS43YzMuOSAwIDcuMSAzLjQgNy4xIDcuNXY0NXoiIGZpbGw9InJnYmEoMTI5LDE3OSw1NSwxKSI+PC9wYXRoPgogICAgPC9nPgogIDwvc3ZnPg=='); - background-size: cover; - background-repeat: no-repeat; - width: 42px; - height: 42px; - } - - .download-all { + .bg-blue { display: flex; - flex-direction: row; + flex-direction: column; justify-content: center; align-items: center; - width: 100vw; - background-color: $primary-color; - color: white; - padding: 5px 0px; - border-radius: 5px; + background-color: $bg-blue-shallow-color; + width: 72rpx; + height: 72rpx; + border-radius: 15rpx; } - .download-all:active { - background-color: $primary-color; + .bg-yellow { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: $bg-primary-shallow-color; + width: 72rpx; + height: 72rpx; + border-radius: 15rpx; } + .bg-green { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: $bg-green-light-color; + width: 72rpx; + height: 72rpx; + border-radius: 15rpx; + } + + + + .bg-gray { + background-color: $bg-gray-input-color; + } .download-desc { display: flex; flex-direction: column; - justify-content: center; - align-items: flex-start; - width: 100vw; + background-color: $white-color; + padding: 30rpx; + border-radius: 15rpx; + margin-top: 20rpx; } .link-title { - font-size: 14px; + display: flex; + flex-direction: row; + align-items: center; + font-size: 28rpx; font-weight: bold; } + .link-box { + background-color: $bg-gray-input-light-color; + border-radius: 15rpx; + padding: 10rpx; + margin-top: 10rpx; + } + .link { margin-top: 5px; word-wrap: break-word; word-break: break-all; width: 85vw; font-size: 14px; - color: rgba(114, 197, 245, 0.692); + color: $text-blue-color; } .custom-tips { @@ -1313,10 +1370,42 @@ .hint { font-size: 14px; text-align: center; - color: rgb(248, 185, 50); + color: $primary-color; font-weight: bold; } + .download-notes { + display: flex; + flex-direction: row; + border-left: 8rpx solid $blue-color; + border-radius: 5rpx; + background-color: $bg-blue-shallow-color; + font-size: 24rpx; + /* #ifdef MP-BAIDU */ + margin-bottom: 10rpx; + /* #endif */ + /* #ifndef MP-BAIDU */ + margin-bottom: 80rpx; + /* #endif */ + padding: 20rpx; + box-shadow: 0rpx 0rpx 0rpx 5rpx $bg-gray-input-color; + } + + .notes-title-box { + display: flex; + flex-direction: row; + align-items: center; + color: $text-blue-color; + } + + .notes-content-box { + display: flex; + flex-direction: column; + align-items: flex-start; + color: $text-blue-color; + } + + .weui-half-screen-dialog__ft { height: 0; padding: 0; diff --git a/pages/login/login.vue b/pages/login/login.vue index 39c2467..9cdbe0b 100644 --- a/pages/login/login.vue +++ b/pages/login/login.vue @@ -2,7 +2,7 @@