From 1ac70cf7fc3434d165fd8bf24220f4b432e42e12 Mon Sep 17 00:00:00 2001 From: gongfuxiang <2499232802@qq.com> Date: Tue, 2 Jul 2019 00:28:50 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/appmini/old/weixin/app.wxss | 45 +++++++++++++++++- .../old/weixin/components/popup/popup.wxss | 2 + .../old/weixin/images/share-friend-icon.png | Bin 0 -> 3032 bytes .../old/weixin/images/share-recomend-icon.png | Bin 0 -> 3191 bytes .../old/weixin/images/share-weixin-icon.png | Bin 0 -> 2855 bytes .../weixin/pages/goods-detail/goods-detail.js | 16 ++++++- .../pages/goods-detail/goods-detail.wxml | 37 +++++++++++--- .../pages/goods-detail/goods-detail.wxss | 12 ++--- 8 files changed, 96 insertions(+), 16 deletions(-) create mode 100644 public/appmini/old/weixin/images/share-friend-icon.png create mode 100644 public/appmini/old/weixin/images/share-recomend-icon.png create mode 100644 public/appmini/old/weixin/images/share-weixin-icon.png diff --git a/public/appmini/old/weixin/app.wxss b/public/appmini/old/weixin/app.wxss index c75be1e4e..585005704 100755 --- a/public/appmini/old/weixin/app.wxss +++ b/public/appmini/old/weixin/app.wxss @@ -269,8 +269,51 @@ button[disabled].bg-primary { } /* - 滚动标签高度 + 滚动标签高度 */ .scroll-box { height: 100vh; +} + +/* + 分享组建样式 +*/ +.share-popup { + padding: 20rpx 10rpx 0 10rpx; + position: relative; +} +.share-popup .close { + position: absolute; + top: 20rpx; + right: 20rpx; + z-index: 2; +} +.share-popup-content { + padding: 0 20rpx; + margin-top: 40rpx; + text-align: left; +} +.share-popup-content .share-items { + padding: 30rpx 0; + height: 85rpx; +} +.share-popup-content .share-items:not(:first-child) { + border-top: 1px solid #f0f0f0; +} +.share-popup-content .share-items button { + background: transparent; + padding: 0; + width: 100%; + text-align: left; + margin: 0; +} +.share-popup-content .share-items image { + width: 80rpx; + height: 80rpx; + vertical-align: middle; + margin-right: 20rpx; +} +.share-popup-content .share-items .single-text { + width: calc(100% - 100rpx); + line-height: 85rpx; } \ No newline at end of file diff --git a/public/appmini/old/weixin/components/popup/popup.wxss b/public/appmini/old/weixin/components/popup/popup.wxss index ac62b9017..147ac3e23 100755 --- a/public/appmini/old/weixin/components/popup/popup.wxss +++ b/public/appmini/old/weixin/components/popup/popup.wxss @@ -1,6 +1,7 @@ .am-popup-content { position: fixed; background:#fff; + z-index: 101; } .am-popup-mask { @@ -12,6 +13,7 @@ background-color: rgba(0, 0, 0, 0.75); opacity: 0; pointer-events: none; + z-index: 100; } .am-popup-left { diff --git a/public/appmini/old/weixin/images/share-friend-icon.png b/public/appmini/old/weixin/images/share-friend-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d9f453dab63e308b0d347f7dc14394776ba1386c GIT binary patch literal 3032 zcmV;}3n%o6P)n`eJm5VL;Tk;D zXjCq4;%6g=suo%m2dIhwHUL(6-6x_xAoSV)EWn;aPQPSf@5VWuV5c)I@{qBJonrt# zmS6$FsuP=h#EQCpQV#)-2QQfg_Tf&qz@({! zw0!gH&XJDxW!uah$j8qc4M2Qu5&~zE)^2_MrX@RhI?Cq` z(^7T_FS!!gN z0Wt<*JqLs(_l+g$!8y$r2+9-?PqG*oKy2-9&TI%uTc%>#fzVUC0fc*iXa{;q)Wes9 zn*VQSi;GKS!Cs~jrK=nXWYQc#4~dqyx64{rWmNCWXk;2)$eu@$xDxjnX z@}$hvR6UJY3fCcL8D9$qs$pJB8 zH)1_{Z8k+45Vp;-vt%A)Nlf50M ziC+yn{&q61zVrf-P+ej`@>W%0fLTGh2eE11Vt$j5g0BIg8u%qpywU{LVy3X3Xav4m_5Zs&A{+Feg5-C z-2v+m0F(g{h2izVv8dMh-Bkd05XkYTIc}Ahg)xzoam0PapFx#&x0ef}HL$UShX}w; zPz9pLZ=RJW(KR6;cXUK_2uM*rFuaa2KgFM&n+8ZK7#uqi1oCc{9YQJ0cokp)bP5*L z@rU1O&ASlkiC0DzNLmwpOq)!R1+Z7wQcx#Yar9{>}87wgN;cJ2p#NfmK%Z9 zRFawsP28JRd&1!g$np2;fF)+&3_Zn!Ap?YfPDUT0?#~lp9(b(H;LNTwqPb41?D||+ zK;F$V2Zm)l8F-2dLlg)P2CLira>xw0R79uWLG($;oz^&CT=!FK7$QKTU@X2k-2$!gM{eEHm4-a)1h)x); zeE573zYQ4xNMz26zNk?!F7Oab)O`4ZzS1mK(Qd_+3jiTHy|AF#el=c}de7pE!3rQM zS(Oq%&pR9OFMHMR^2Wem5%g#|^F;&VUOr>tc!QPb6bb6#==H@HgC#&z8Xo02hx&jd zz;M;oy>AM4V(DEzV-g0N3%x)DU=$jN107S6ak=b0eY0A2FIw;$b#_moilf^N{PDj7 z$Ci8DihYLI4PVt)Ls#{1s}JXHqc9Qk?dMFhe#_Bw2a z|92vQWIPLzgi%zL6$Zl2!7b;~$g5bwaoUIil725M1&r$eBpj5WiARJV^0zzeqA~gG z+LSPg4#X6UOQX))%Sv$`k^x4MftZEiIy@X8(kF(~=iqS$oG0!@H0tJI0C3MkTu#Tc zf=ge1P{LMkj^(iPqboQ>iUuSP7;IX&Cx$K%p{T_u79ohGPjy zIyF=WBWy#Kx)r-!>*td0&}a=RXfel?UGQ)AA)$%a7|4TerG)_f z?OI>ib$KFFnFe45n(;>4Qt1^PV7a-^Tm!I^>c799F zN;uwj^W^RdDh#HJ17bo_gblC3f_xxd+YVha@2Xk5Gh;P<6nFvmu-p zvUg4}Kjo+Vl^Q@`I6z!lTx=jtZioYKp@~xg9*ID7!H@*Picdq?rz#+^0KYuH&Ld68 zt>EAsG;u1aH5Q0Y7%71K4?&^Vuu$U00LKG4nL7eNZQ-RNHbh8$T{lUIkPfaN;-7#5 zN{H9JYplMar6UmtE3nm@>jR>SXq2g!J*9+PZzwU+AqGUla#zGL6ttArOj2kK7D}Hag+K}pg*ITJ6#cb29~EIBE|lI} z59P05jeM~b11Tz$6L7Geq^i70k^;h#Z0N!|LPegj1|Y?Q;$RJ$D4die1;jP*3Rhj4 zfD{J`;xhaUrH-VffsF0RTpJ<#S8g-{$sbAz7(#wXlmSp-Pc#F`5lXVZ5jC%=B!o3~ zne%a!#mE}~!iRD&Y60lFBq4rlBx&iK8i;F8G8%b9K%$_uL4n#0PH;9DnN*h7kt|RQ z0x&rfmy!eVbWwrl;M*L*O_puWVt z@Fe@86v#w{o!n*j2R;({@mzqgju9+Rg{;a#AvgsKS7iN+qQ0G_swMa>E(y07*yIeh+u7})))FBXWHLLs+S88 zUZ?T|LIej0&^ZU_KG^+iouQPuG~+Ie$`a}PgKovUpqS;t$7Rg2P@5hC40Wf*iS%2h a%zpul?Do#NH+Ja&0000~4?% literal 0 HcmV?d00001 diff --git a/public/appmini/old/weixin/images/share-recomend-icon.png b/public/appmini/old/weixin/images/share-recomend-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..55b727af680248857e9c396413842774985d4a89 GIT binary patch literal 3191 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 literal 0 HcmV?d00001 diff --git a/public/appmini/old/weixin/images/share-weixin-icon.png b/public/appmini/old/weixin/images/share-weixin-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..4ad5abe7875639b756bab5625900b7b750661c09 GIT binary patch literal 2855 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 FV1mJvDuDn1 literal 0 HcmV?d00001 diff --git a/public/appmini/old/weixin/pages/goods-detail/goods-detail.js b/public/appmini/old/weixin/pages/goods-detail/goods-detail.js index 52ec52847..6b47cfdfe 100755 --- a/public/appmini/old/weixin/pages/goods-detail/goods-detail.js +++ b/public/appmini/old/weixin/pages/goods-detail/goods-detail.js @@ -33,10 +33,12 @@ Page({ goods_video_is_autoplay: false, is_use_mobile_detail: 1, + + popup_share_status: false, }, onLoad(params) { - //params['goods_id']=2; + params['goods_id']=2; this.setData({params: params}); this.init(); }, @@ -188,7 +190,7 @@ Page({ }); }, - // 弹层关闭 + // 购买弹层关闭 popup_close_event(e) { this.setData({popup_status: false}); }, @@ -609,6 +611,16 @@ Page({ this.setData({ goods_video_is_autoplay: false }); }, + // 分享开启弹层 + popup_share_event(e) { + this.setData({ popup_share_status: true }); + }, + + // 分享弹层关闭 + popup_share_close_event(e) { + this.setData({ popup_share_status: false }); + }, + // 自定义分享 onShareAppMessage() { return { diff --git a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml index 14783cc17..db937ce28 100755 --- a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml +++ b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxml @@ -30,11 +30,9 @@ {{goods.title}} - - + + + 分享 @@ -95,7 +93,7 @@ - + @@ -148,6 +146,33 @@ + + + + + diff --git a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss index 2d406b690..b3f62ba47 100755 --- a/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss +++ b/public/appmini/old/weixin/pages/goods-detail/goods-detail.wxss @@ -180,21 +180,19 @@ right: 0; } .goods-base .goods-title { - width: calc(100% - 130rpx); + width: calc(100% - 100rpx); font-size: 32rpx; line-height: 44rpx; font-weight: 500; } +.goods-base .goods-share { + padding: 0 20rpx; + margin-bottom: 10rpx; +} .goods-base .goods-share image { width: 50rpx; height: 50rpx; } -.goods-base .goods-share button { - height: auto; - font-size: 26rpx; - border: 0; - min-width: initial; -} .goods-base .goods-price { margin-top: 10rpx; padding-right: 160rpx; -- GitLab