diff --git a/view/yinmeng/modules/rule/giftWallRule.html b/view/yinmeng/modules/rule/giftWallRule.html new file mode 100644 index 0000000..502cf75 --- /dev/null +++ b/view/yinmeng/modules/rule/giftWallRule.html @@ -0,0 +1,21 @@ + + + + + + 礼物墙等级说明 + + + + + + + + + + + diff --git a/view/yinmeng/modules/rule/images/giftWallRule.png b/view/yinmeng/modules/rule/images/giftWallRule.png new file mode 100644 index 0000000..9e76800 Binary files /dev/null and b/view/yinmeng/modules/rule/images/giftWallRule.png differ diff --git a/view/yinmeng/modules/rule/style/giftWallRule.css b/view/yinmeng/modules/rule/style/giftWallRule.css new file mode 100644 index 0000000..2992a80 --- /dev/null +++ b/view/yinmeng/modules/rule/style/giftWallRule.css @@ -0,0 +1,37 @@ +html, +body { + background: #F8F8FB; +} + +ul { + width: 8.45333rem; + margin: 0.85333rem auto 0; + font-weight: 400; + font-family: PingFangSC, PingFang SC; +} + +ul li { + width: 100%; + position: relative; + margin-bottom: 0.53333rem; + color: #2B2D33; + font-size: 0.37333rem; + line-height: 0.5rem; + transform: translateX(5); +} + +ul li span { + position: absolute; + width: 0.13333rem; + height: 0.26667rem; + top: 0.1rem; + left: -0.26667rem; + background: #FFDA24; + border-radius: 0.08rem; +} + +img { + width: 10rem; + display: block; + margin-bottom: 0.26667rem; +} diff --git a/view/yinmeng/modules/rule/style/giftWallRule.scss b/view/yinmeng/modules/rule/style/giftWallRule.scss new file mode 100644 index 0000000..6f61f54 --- /dev/null +++ b/view/yinmeng/modules/rule/style/giftWallRule.scss @@ -0,0 +1,41 @@ +@function px2rem($px) { + @return $px / 75+rem; +} + +html, +body { + background: #F8F8FB; +} + +ul { + width: px2rem(634); + margin: px2rem(64) auto 0; + font-weight: 400; + font-family: PingFangSC, PingFang SC; + + li { + width: 100%; + position: relative; + margin-bottom: px2rem(40); + color: #2B2D33; + font-size: px2rem(28); + line-height: 0.5rem; + transform: translateX(5); + + span { + position: absolute; + width: px2rem(10); + height: px2rem(20); + top: px2rem(7.5); + left: px2rem(-20); + background: #FFDA24; + border-radius: px2rem(6); + } + } +} + +img { + width: px2rem(750); + display: block; + margin-bottom: px2rem(20); +} \ No newline at end of file