| | |
| | | this.pkcontent = false |
| | | this.status = 1 |
| | | this.shopPageDataSou = this.shopPageData.filter(item1 => { |
| | | console.log(item1.attrFirstIds, this.attributeOne.id) |
| | | if ( |
| | | (this.attributeOne.id ? item1.attrFirstIds.indexOf(String(this.attributeOne.id)) !== -1 : true) && |
| | | (this.attributeTwo.id ? item1.attrFirstIds.indexOf(String(this.attributeTwo.id)) !== -1 : true) && |
| | |
| | | opacity: 0; |
| | | transform: translate(0%, 0%); |
| | | z-index: -1; |
| | | height: 56px; |
| | | height: 45px; |
| | | display: flex; |
| | | align-items: center; |
| | | background: rgba(0,224,255,0.3); |
| | | background: #ffffff; |
| | | border-radius: 8px; |
| | | image { |
| | | width: 32px; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | background-image: url('@/static/bg.jpg'); |
| | | background-image: url('@/static/mb.png'); |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | .box_login { |
| | |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | box-sizing: border-box; |
| | | background: linear-gradient(180deg, #518198 0%, #033B58 100%); |
| | | background: #0d1e41; |
| | | box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.19); |
| | | border-radius: 8px; |
| | | .box_login_head { |
| | |
| | | .box_login_item { |
| | | width: 100%; |
| | | height: 72px; |
| | | background: rgba(0,224,255,0.18); |
| | | background: rgba(137,159,197,.16); |
| | | border-radius: 8px; |
| | | padding: 0 24px; |
| | | display: flex; |
| | | align-items: center; |
| | | box-sizing: border-box; |
| | | border: 2px solid #3C8BAD; |
| | | border: 1px solid rgba(137,159,197,.6); |
| | | margin-top: 30px; |
| | | .box_login_item_icon { |
| | | flex-shrink: 0; |
| | |
| | | height: 72px; |
| | | line-height: 72px; |
| | | text-align: center; |
| | | background: rgba(0,224,255,0.7) linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.21) 100%); |
| | | background: #899fc5 linear-gradient(180deg,hsla(0,0%,100%,.35),rgba(0,0,0,.21)); |
| | | border-radius: 8px; |
| | | margin-top: 30px; |
| | | font-size: 28px; |