Browse Source

首页优惠券banner

zhengjinyi 9 months ago
parent
commit
e5de1a1183

+ 7 - 3
common/css/iconfont.scss

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 1519039 */
-  src: url('//at.alicdn.com/t/c/font_1519039_nmc66jppbr.woff2?t=1724835382136') format('woff2'),
-       url('//at.alicdn.com/t/c/font_1519039_nmc66jppbr.woff?t=1724835382136') format('woff'),
-       url('//at.alicdn.com/t/c/font_1519039_nmc66jppbr.ttf?t=1724835382136') format('truetype');
+  src: url('//at.alicdn.com/t/c/font_1519039_ll642elzf.woff2?t=1727576181396') format('woff2'),
+       url('//at.alicdn.com/t/c/font_1519039_ll642elzf.woff?t=1727576181396') format('woff'),
+       url('//at.alicdn.com/t/c/font_1519039_ll642elzf.ttf?t=1727576181396') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-reeor-fill:before {
+  content: "\e70f";
+}
+
 .icon-shouye1:before {
   content: "\e6d7";
 }

+ 2 - 2
pages/second/form/form.vue

@@ -9,7 +9,7 @@
 					3个月。为了完整展示您的商品,请您认真填写以下商品基本信息,谢谢合作。
 				</view>
 			</view>
-			<view class="row">
+			<!-- <view class="row">
 				<view class="label"><text class="red">*</text>发布身份:</view>
 				<view class="select spacing">
 					<picker
@@ -29,7 +29,7 @@
 					</picker>
 				</view>
 				<text class="iconfont icon-xiayibu"></text>
-			</view>
+			</view> -->
 			<view class="row">
 				 <view class="label"><text class="red">*</text>联系人:</view>
 				 <view class="spacing">

+ 1 - 1
pages/second/product/product-list.vue

@@ -92,7 +92,7 @@
             <view class="no-content" v-show="showflag" :class="showflag?'show':''">
                 <image src="https://static.caimei365.com/app/img/bg/kong_m.png" />
                 <view class="error-message">
-                    <view>该分类下面没有商品,请更换其它分类</view>
+                    <view>暂无数据~</view>
                 </view>
             </view>
         </view>

+ 33 - 9
pages/tabBar/home/components/coupon.vue

@@ -1,7 +1,10 @@
 <template name="navbars">
 	<view>
-		<view class="coupon-content clearfix" @click="navigator('/pages/user/coupon/coupon-collection')">
-			<image src="https://static.caimei365.com/app/img/icon/icon-coupon-banner@2x.png" mode=""></image>
+		<view class="coupon-content clearfix" @click.stop="navigator('/pages/user/coupon/coupon-collection')" :class="isShow?'show':'hide'">
+			<image src="https://static.caimei365.com/app/img/bg/coupun_banner_h5@2x.jpg" mode=""></image>
+            <view class="coupon-content-close" @click.stop="handleClick">
+                <text class="iconfont icon-reeor-fill"></text>
+            </view>
 		</view>
 	</view>
 </template>
@@ -12,7 +15,7 @@
 		name:'navbars',
 		data() {
 			return{
-				
+				isShow:true
 			}
 		},
 		created(){
@@ -21,7 +24,10 @@
 		computed: {
 			...mapState(['hasLogin','userInfo','isWxAuthorize'])
 		},
-		methods:{
+		methods:{
+            handleClick(){
+                this.isShow = false
+            },
 			navigator(url){
 				// 友盟埋点收集首页优惠券宣传图点击
 				if (process.env.NODE_ENV != 'development') {
@@ -39,14 +45,32 @@
 <style lang="scss">
 	.coupon-content{
 		width: 100%;
-		height: 174rpx;
+		height: 160rpx;
 		box-sizing: border-box;
-		padding: 24rpx 24rpx 10rpx 24rpx;
-		background-color: #f7f7f7;
+		padding: 20rpx 24rpx 0rpx 24rpx;
+		background-color: #f7f7f7;
+        position: relative;
+        &.hide{
+            display: none;
+        }
 		image{
 			width: 100%;
 			height: 140rpx;
-			display: block;
-		}
+			display: block;
+            border-radius: 12rpx;
+		}
+        .coupon-content-close{
+            width: 60rpx;
+            height: 60rpx;
+            line-height: 60rpx;
+            text-align: center;
+            position: absolute;
+            right: 20rpx;
+            top: 15rpx;
+            .iconfont{
+                font-size: $font-size-32;
+                color: #FFFFFF;
+            }
+        }
 	}
 </style>