diff --git a/rc-busness/assets/css/discount.less b/rc-busness/assets/css/discount.less new file mode 100644 index 00000000..9b580ef7 --- /dev/null +++ b/rc-busness/assets/css/discount.less @@ -0,0 +1,319 @@ +@media screen and (max-width:768px){ + .allmain{ + .rc-top{ + margin-top: 2.5rem; + } + + } + .active { + font-size: 14px; + color: #E2001A; + + } + .unactive { + font-size: 14px; + color: #444444; + + } + .rc-usermain{ + .online{ + margin-top: 0; + } + + .rc { + height: 64px; + display: flex; + align-items: center; + margin-left: 23px; + span { + display: block; + margin-left: 32px; + font-weight: bold; + + } + span:first-child { + margin-left: 0; + } + } + } + + + .rc-discount { + margin-left: 20px; + display: flex; + margin-top: 16px; + width: 335px; + background: #ffffff; + position: relative; + img { + display: block; + width: 100%; + height: 100%; + } + .rc-contair { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 8; + } + .rc-left { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + color: #e1001a; + text-align: center; + width: 30%; + font-weight: bold; + float: left; + height: 100%; + i { + font-style: normal; + font-size: 12px; + } + span { + font-size: 26px; + } + strong { + font-style: normal; + font-size: 12px; + display: block; + } + } + .rc-right { + display: flex; + flex-direction: column; + height: 100%; + i { + font-style: normal; + font-size: 14px; + color: #e1001a; + } + .rc-userfont { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: #999999; + font-size: 12px; + strong{ + display: block; + margin-top: 8px; + } + } + + em { + font-style: normal; + } + .ts-stand{ + display: flex; + align-items: center; + justify-content: end; + padding-right: 17px; + margin-bottom: 8px; + } + .ts-standard-btn{ + + width: 72px; + display: flex; +height: 25px; +background: #E2001A; +border-radius: 100px; +align-items: center; +font-size: 12px; +justify-content: center; +margin-top: 8px; + + } + span{ + margin-top: 0; + } + margin-top: 17px; + padding-left: 36px; + } + .rc-footer { + display: flex; + align-items:flex-end + span { + width: 72px; + height: 25px; + background: #e2001a; + text-align: center; + line-height: 25px; + font-size: 12px; + color: #ffffff; + margin-bottom: 8px; + border-radius: 100px; + margin-right: 30px; + } + } + + + } + +} +@media screen and (min-width: 769px){ + + .allmain{ + .rc-top{ + margin-top: 1.5rem; + } + .rs-dis{ + display: flex; + flex-flow: wrap; + justify-content: center; + } + + } + .active { + font-size: 14px; + color: #E2001A; + + } + .unactive { + font-size: 14px; + color: #444444; + + } + .rc-usermain{ + .online{ + margin-top: 0; + } + + .rc { + height: 96px; + display: flex; + align-items: center; + margin-left: 23px; + justify-content: center; + span { + display: block; + margin-left: 40px; + font-size: 16px; + font-weight: bold; + + } + span:first-child { + margin-left: 0; + } + } + } + + + .rc-discount { + margin-left: 20px; + display: flex; + margin-top: 16px; + width: 335px; + background: #ffffff; + position: relative; + img { + display: block; + width: 100%; + height: 100%; + } + .rc-contair { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 8; + } + .rc-left { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + color: #e1001a; + text-align: center; + width: 30%; + font-weight: bold; + float: left; + height: 100%; + i { + font-style: normal; + font-size: 12px; + } + span { + font-size: 26px; + } + strong { + font-style: normal; + font-size: 12px; + display: block; + } + } + .rc-right { + display: flex; + flex-direction: column; + height: 100%; + i { + font-style: normal; + font-size: 16px; + color: #e1001a; + } + .rc-userfont { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: #999999; + font-size: 12px; + strong{ + display: block; + margin-top: 8px; + } + } + + em { + font-style: normal; + } + .ts-stand{ + display: flex; + align-items: center; + justify-content: end; + padding-right: 17px; + margin-bottom: 8px; + } + .ts-standard-btn{ + + width: 72px; + display: flex; +height: 25px; +background: #E2001A; +border-radius: 100px; +align-items: center; +font-size: 12px; +justify-content: center; +margin-top: 8px; + + } + span{ + margin-top: 0; + } + margin-top: 17px; + padding-left: 36px; + } + .rc-footer { + display: flex; + align-items:flex-end; + span { + width: 72px; + height: 25px; + background: #e2001a; + text-align: center; + line-height: 25px; + font-size: 12px; + color: #ffffff; + margin-bottom: 8px; + border-radius: 100px; + margin-right: 30px; + } + } + + + } + + +} \ No newline at end of file diff --git a/rc-busness/assets/showimage/ico-bilibili.png b/rc-busness/assets/showimage/ico-bilibili.png new file mode 100644 index 00000000..6f640fa5 Binary files /dev/null and b/rc-busness/assets/showimage/ico-bilibili.png differ diff --git a/rc-busness/assets/showimage/ico-weibo.png b/rc-busness/assets/showimage/ico-weibo.png new file mode 100644 index 00000000..0aa2108b Binary files /dev/null and b/rc-busness/assets/showimage/ico-weibo.png differ diff --git a/rc-busness/assets/showimage/ico-zhihu.png b/rc-busness/assets/showimage/ico-zhihu.png new file mode 100644 index 00000000..c5045369 Binary files /dev/null and b/rc-busness/assets/showimage/ico-zhihu.png differ diff --git a/rc-busness/assets/showimage/qrcode-aichong.jpg b/rc-busness/assets/showimage/qrcode-aichong.jpg new file mode 100644 index 00000000..33642a2b Binary files /dev/null and b/rc-busness/assets/showimage/qrcode-aichong.jpg differ diff --git a/rc-busness/assets/showimage/qrcode-chanpin.jpg b/rc-busness/assets/showimage/qrcode-chanpin.jpg new file mode 100644 index 00000000..099583e8 Binary files /dev/null and b/rc-busness/assets/showimage/qrcode-chanpin.jpg differ diff --git a/rc-busness/assets/showimage/qrcode-douyin.jpg b/rc-busness/assets/showimage/qrcode-douyin.jpg new file mode 100644 index 00000000..1b125c4a Binary files /dev/null and b/rc-busness/assets/showimage/qrcode-douyin.jpg differ diff --git a/rc-busness/assets/showimage/qrcode-royal-elite.jpg b/rc-busness/assets/showimage/qrcode-royal-elite.jpg new file mode 100644 index 00000000..51bfcf13 Binary files /dev/null and b/rc-busness/assets/showimage/qrcode-royal-elite.jpg differ diff --git a/rc-busness/components/header.vue b/rc-busness/components/header.vue index fa881ca6..14ef436a 100644 --- a/rc-busness/components/header.vue +++ b/rc-busness/components/header.vue @@ -37,7 +37,7 @@
微信扫一扫 - +
@@ -92,7 +92,8 @@