index.vue 128 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957
  1. <template>
  2. <view :style="colorStyle">
  3. <skeleton :show="showSkeleton" :isNodes="isNodes" ref="skeleton" loading="chiaroscuro" selector="skeleton"
  4. bgcolor="#FFF"></skeleton>
  5. <view class="product-con skeleton" :style="{visibility: showSkeleton ? 'hidden' : 'visible'}">
  6. <!-- #ifdef APP-PLUS -->
  7. <view class="navbar" :style="{ height: navH + 'rpx', opacity: opacity, paddingTop: sysHeight }">
  8. <!-- #endif -->
  9. <!-- #ifndef APP-PLUS -->
  10. <view class="navbar" :style="{ height: navH + 'rpx', opacity: opacity }">
  11. <!-- #endif -->
  12. <view class="navbarH" :style="'height:' + navH + 'rpx;'">
  13. <view class="navbarCon acea-row row-center-wrapper"
  14. :style="{ paddingRight: (navbarRight-20) + 'px' }">
  15. <view class="header acea-row row-center-wrapper">
  16. <view class="item" :class="navActive === index ? 'on' : ''"
  17. v-for="(item, index) in navList" :key="index" @tap="tap(index)">{{ item }}</view>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. <!-- <view class='iconfont icon-xiangzuo' :style="{top:navH/2+'rpx',opacity:(1-opacity)}" @tap='returns'></view> -->
  23. <!-- #ifdef APP-PLUS -->
  24. <view id="home" class="home acea-row row-center-wrapper" :class="[opacity>0.5?'on':'']"
  25. :style="{ top:(navH/2-28)+'rpx' ,marginTop:sysHeight}">
  26. <!-- #endif -->
  27. <!-- #ifndef APP-PLUS -->
  28. <view id="home" class="home acea-row row-center-wrapper" :class="[opacity>0.5?'on':'']"
  29. :style="{ top: homeTop +'rpx'}">
  30. <!-- #endif -->
  31. <view class="iconfont icon-fanhui2" @tap="returns"></view>
  32. <!-- #ifdef MP -->
  33. <view class="line"></view>
  34. <view class="iconfont icon-gengduo5" @click="moreNav"></view>
  35. <!-- #endif -->
  36. </view>
  37. <!-- #ifdef APP-PLUS -->
  38. <view id="home" class="home right acea-row row-center-wrapper" :class="[opacity>0.5?'on':'']"
  39. :style="{ top:(navH/2-28)+'rpx' ,marginTop:sysHeight}">
  40. <!-- #endif -->
  41. <!-- #ifdef H5 -->
  42. <view id="home" class="home right acea-row row-center-wrapper" :class="[opacity>0.5?'on':'']"
  43. :style="{ top: homeTop +'rpx'}">
  44. <!-- #endif -->
  45. <!-- #ifdef APP-PLUS || H5 -->
  46. <view class="iconfont icon-gengduo2" @click="moreNav"></view>
  47. </view>
  48. <!-- #endif -->
  49. <homeList :navH="navH" :returnShow="returnShow" :currentPage="currentPage"
  50. :sysHeight="sysHeight">
  51. </homeList>
  52. <view>
  53. <scroll-view :scroll-top="scrollTop" scroll-y="true" scroll-with-animation="true"
  54. :style="'height:' + height + 'px;'" @scroll="scroll">
  55. <view id="past0">
  56. <productConSwiper class="skeleton-rect" :imgUrls="storeInfo.slider_image"
  57. :videoline="storeInfo.video_link" @videoPause="videoPause"></productConSwiper>
  58. <view class="discount acea-row row-center-wrapper" v-if="promotions_type==1">
  59. <view class="white acea-row row-bottom">
  60. <view class='timeItem acea-row row-middle skeleton-rect'>
  61. <countDown :is-day="false" :tip-text="'距活动结束仅剩'" :day-text="' '"
  62. :hour-text="' : '" :minute-text="' : '" :second-text="' '"
  63. :datatime="limitInfo.datatime"></countDown>
  64. </view>
  65. <view class="iconfont icon-jinru3" @click="seeDiscount"></view>
  66. <view class="left">
  67. <view><text class="iconfont icon-zhekoujia"></text>折扣价</view>
  68. <view class="money">¥
  69. <text
  70. class="num">{{limitInfo.discount_price.toString().split(".")[0]}}</text>
  71. <text
  72. v-if="limitInfo.discount_price.toString().split('.').length>1">.{{limitInfo.discount_price.toString().split(".")[1]}}</text>
  73. </view>
  74. </view>
  75. <view>=</view>
  76. <view class="y_money">
  77. <view>原价</view>
  78. <view class="num">{{limitInfo.price}}</view>
  79. </view>
  80. <view>x</view>
  81. <view class="right">
  82. <view>折扣</view>
  83. <view class="num">{{limitInfo.discount}}</view>
  84. </view>
  85. </view>
  86. </view>
  87. <view class="wrapper on">
  88. <view class="share acea-row row-between row-bottom" v-if="promotions_type !=1">
  89. <view class="money font-color skeleton-rect">
  90. <text class="num" v-text="storeInfo.price || 0"></text>
  91. <!-- <text v-if="storeInfo.spec_type">起</text>
  92. <text class="vip-money"
  93. v-if="storeInfo.vip_price && storeInfo.vip_price > 0 && storeInfo.is_vip == 1">¥{{ storeInfo.vip_price }}</text>
  94. <image
  95. v-if="storeInfo.vip_price && storeInfo.vip_price > 0 && storeInfo.is_vip == 1 && storeInfo.price_type == 'member' && diyProduct.price_type.indexOf('2') != -1"
  96. src="../../static/images/vip.png"></image>
  97. <view class="icon"
  98. v-if="storeInfo.vip_price && storeInfo.vip_price > 0 && storeInfo.price_type == 'level' && diyProduct.price_type.indexOf('1') != -1">
  99. <text
  100. class="iconfont icon-dengjitubiao"></text>{{storeInfo.level_name}}
  101. </view> -->
  102. <view class="label acea-row skeleton-rect" v-if="(0+storeInfo.ot_price)>0" >
  103. <view v-text="'原价:¥' + (storeInfo.ot_price || 0)"></view>
  104. </view>
  105. </view>
  106. <view class="iconfont icon-fenxiang skeleton-rect"
  107. @click="listenerActionSheet" v-if="base64Show && diyProduct.is_share">
  108. </view>
  109. </view>
  110. <view class="label acea-row skeleton-rect" v-if="storeInfo.is_presale_product">
  111. <view v-text="'原价:¥' + (storeInfo.ot_price || 0)"></view>
  112. <view
  113. v-text="'已预订:' + (storeInfo.fsales || 0) + (storeInfo.unit_name || '')"
  114. style="margin-left: 20rpx;"></view>
  115. </view>
  116. <view class="introduce acea-row row-between skeleton-rect">
  117. <view class='skeleton-rect' :class="promotions_type ==1?'infor':''"
  118. v-if="diyProduct.is_name">
  119. <span class='labelN'
  120. v-if="storeInfo.brand_name && storeInfo.brand_name.trim() && diyProduct.is_brand ">{{storeInfo.brand_name}}</span>
  121. {{storeInfo.store_name}}
  122. </view>
  123. <view class="iconfont icon-fenxiang skeleton-rect"
  124. @click="listenerActionSheet"
  125. v-if="base64Show && promotions_type ==1 && diyProduct.is_share"></view>
  126. </view>
  127. <view class="presell_count" v-if="storeInfo.is_presale_product">
  128. <view class="acea-row row-middle">
  129. <view>预售时间:</view>
  130. <view class="presell_time">
  131. <view class='iconfont icon-shijian1'></view>
  132. {{storeInfo.presale_start_time}}
  133. <span class='area_line'>~</span>
  134. <view class='iconfont icon-shijian1'></view>
  135. {{storeInfo.presale_end_time}}
  136. </view>
  137. </view>
  138. <view>预售结束后{{ storeInfo.presale_day }}天内发货</view>
  139. </view>
  140. <view class="label acea-row row-middle skeleton-rect"
  141. v-if="!storeInfo.is_presale_product">
  142. <view class="item" v-text="'原价:¥' + (storeInfo.ot_price || 0)"
  143. v-if="diyProduct.is_ot_price"></view>
  144. <view class="item" :class="diyProduct.is_ot_price?'stock':''"
  145. v-text="'库存:' + (storeInfo.stock || 0) + (storeInfo.unit_name || '')"
  146. v-if="diyProduct.is_stock"></view>
  147. <view class="item"
  148. :class="diyProduct.is_ot_price && diyProduct.is_stock?'sales':''"
  149. v-text="'销量:' + (storeInfo.fsales || 0) + (storeInfo.unit_name || '')"
  150. v-if="diyProduct.is_sales"></view>
  151. </view>
  152. <!-- <view v-if="!is_money_level && storeInfo.vip_price && storeInfo.is_vip"
  153. class="svipCon acea-row row-between-wrapper skeleton-rect" style="margin-top: 20rpx;">
  154. <view class="">开通 SVIP会员 立省{{ diff }}元</view>
  155. <navigator url="/pages/annex/vip_paid/index">
  156. 立即开通
  157. <text class="iconfont icon-jiantou"></text>
  158. </navigator>
  159. </view> -->
  160. <!-- <view class='coupon acea-row row-between-wrapper' v-if="storeInfo.give_integral > 0">
  161. <view class='hide line1 acea-row'>
  162. 赠积分:
  163. <view class='activity'>赠送 {{storeInfo.give_integral}} 积分</view>
  164. </view>
  165. </view> -->
  166. </view>
  167. <view class="wrapper">
  168. <view v-if="couponList.length && diyProduct.is_coupon"
  169. class="coupon acea-row row-between-wrapper skeleton-rect" @click="couponTap"
  170. style="margin-top: 0rpx;">
  171. <view class="hide line1 acea-row">
  172. 优惠券:
  173. <template v-for="(item, index) in couponList">
  174. <view v-if="index < 2" class="activity" :key="index">
  175. 满{{ item.use_min_price }}{{item.coupon_type==1?'减'+item.coupon_price:'打'}}<text
  176. v-if="item.coupon_type==2">{{parseFloat(item.coupon_price)/10}}折</text>
  177. </view>
  178. </template>
  179. </view>
  180. <view class="iconfont icon-jiantou"></view>
  181. </view>
  182. <view class="coupon acea-row row-between-wrapper"
  183. v-if="activity.length && diyProduct.is_activity">
  184. <view class="line1 acea-row">
  185. <text>活动:</text>
  186. <view class="activityInfo skeleton-rect"
  187. v-for="(item, index) in activity" :key="index"
  188. @click="goActivity(item)">
  189. <view v-if="item.type === '1'"
  190. :class="index == 0 ? 'activity_pin' : '' || index == 1 ? 'activity_miao' : '' || index == 2 ? 'activity_kan' : ''">
  191. <text class="iconfonts iconfont icon-pintuan"></text>
  192. <text class="activity_title">参与秒杀</text>
  193. </view>
  194. <view
  195. :class="index == 0 ? 'activity_pin' : '' || index == 1 ? 'activity_miao' : '' || index == 2 ? 'activity_kan' : ''"
  196. v-if="item.type === '2'">
  197. <text class="iconfonts iconfont icon-shenhezhong"></text>
  198. <text class="activity_title">参与砍价</text>
  199. </view>
  200. <view
  201. :class="index == 0 ? 'activity_pin' : '' || index == 1 ? 'activity_miao' : '' || index == 2 ? 'activity_kan' : ''"
  202. v-if="item.type === '3'">
  203. <text class="iconfonts iconfont icon-kanjia"></text>
  204. <text class="activity_title">参与拼团</text>
  205. </view>
  206. </view>
  207. </view>
  208. </view>
  209. <view class="coupon acea-row row-between-wrapper skeleton-rect"
  210. @click="seeDiscount"
  211. v-if="discountInfo.discount.length && diyProduct.is_promotions">
  212. <view class="acea-row row-middle">
  213. 优惠:
  214. <view class="info line1">
  215. <text
  216. class="labels">{{discountInfo.discount[0].title}}</text>{{discountInfo.discount[0].desc}}
  217. </view>
  218. </view>
  219. <view class="iconfont icon-jiantou"></view>
  220. </view>
  221. </view>
  222. <view class="attribute skeleton-rect">
  223. <view v-if="attr.productAttr.length && diyProduct.is_sku" @click="selecAttr"
  224. class="attrInfo">
  225. <view class="acea-row row-between-wrapper">
  226. <view style="display: flex; align-items: center; width: 90%;">
  227. {{ attrTxt }}:
  228. <view class="atterTxt line1" style="width: 82%;">{{ attrValue }}
  229. </view>
  230. </view>
  231. <view class="iconfont icon-jiantou"></view>
  232. </view>
  233. <view class="acea-row row-between-wrapper"
  234. style="margin-top:7px;padding-left:55px;"
  235. v-if="skuArr.length > 1 && diyProduct.sku_style == 2">
  236. <view class="flex">
  237. <image :src="item.image" v-for="(item,index) in skuArr.slice(0,4)"
  238. :key="index" class="attrImg"></image>
  239. </view>
  240. <view class="switchTxt">共{{skuArr.length}}种规格可选</view>
  241. </view>
  242. </view>
  243. <view class="specs acea-row row-between-wrapper" @click="seeSpecs"
  244. v-if="storeInfo.specs && storeInfo.specs.length && diyProduct.is_specs">
  245. <view class="acea-row row-middle">
  246. 参数:
  247. <view class="list line1">
  248. <span class="item" v-for="(item,index) in storeInfo.specs"
  249. :key="index" v-if="index<2">{{item.name}}</span>
  250. <span v-if="storeInfo.specs.length>2">...</span>
  251. </view>
  252. </view>
  253. <view class="iconfont icon-jiantou"></view>
  254. </view>
  255. <view class="ensure acea-row row-between-wrapper" @click="seeEnsure"
  256. v-if="storeInfo.ensure && storeInfo.ensure.length && diyProduct.is_ensure">
  257. <view class="acea-row row-center-wrapper">
  258. 保障:
  259. <view class="list acea-row row-middle">
  260. <view class="item line1">{{ensureInfo.ensureTitle}}</view>
  261. </view>
  262. </view>
  263. <view class="iconfont icon-jiantou"></view>
  264. </view>
  265. <view class="storeInfo acea-row row-between row-top"
  266. v-if="isMention && storeLen && diyProduct.is_store" @tap="storeInfo.type==0? showStoreList():''">
  267. <view class="acea-row row-top row-between">
  268. 门店:
  269. <storeLis :num='1' :ids='parseInt(id)' @getStoreList="getStoreList">
  270. </storeLis>
  271. </view>
  272. <view class="iconfont icon-jiantou"></view>
  273. </view>
  274. </view>
  275. <discounts-list v-if="discountsData.length && diyProduct.is_discounts "
  276. :discountsData="discountsData" @click.native="goDiscounts">
  277. </discounts-list>
  278. </view>
  279. <navigator hover-class="none"
  280. :url="'/pages/goods/goods_comment_list/index?product_id=' + id"
  281. class="userEvaluation skeleton-rect" id="past1"
  282. v-if="replyCount && diyProduct.is_reply">
  283. <view class="title acea-row row-between-wrapper">
  284. <view>用户评价({{ replyCount }})</view>
  285. <view class="praise">
  286. <text class="font-num">{{ replyChance }}%</text>
  287. 好评率
  288. <text class="iconfont icon-jiantou"></text>
  289. </view>
  290. </view>
  291. <block v-if="replyCount">
  292. <userEvaluation :reply="reply" :fromTo="1"></userEvaluation>
  293. </block>
  294. </navigator>
  295. <!-- 优品推荐 -->
  296. <view class="superior skeleton-rect" v-if="good_list.length && diyProduct.is_recommend"
  297. id="past2">
  298. <view class="title acea-row row-center-wrapper">
  299. <!-- <image src="../../static/images/ling.png"></image> -->
  300. <view class="lingw acea-row row-center-wrapper">
  301. <view class="lingn"></view>
  302. </view>
  303. <view class="titleTxt">优品推荐</view>
  304. <view class="lingw acea-row row-center-wrapper">
  305. <view class="lingn"></view>
  306. </view>
  307. <!--<image src="../../static/images/ling.png"></image> -->
  308. </view>
  309. <view class="slider-banner banner">
  310. <swiper :indicator-dots="good_list.length==1?false:true" :autoplay="autoplay"
  311. :circular="circular" :interval="interval" :duration="duration"
  312. indicator-color="#999" indicator-active-color="var(--view-theme)"
  313. :style="'height:' + (good_list.length==1?clientHeight-20:clientHeight) + 'px'">
  314. <swiper-item v-for="(item, indexw) in good_list" :key="indexw"
  315. v-if="indexw<2">
  316. <view class="list acea-row row-middle" :id="'list' + indexw">
  317. <view class="item" v-for="(val, indexn) in item.list" :key="indexn"
  318. @click="goDetail(val)">
  319. <view class="pictrue">
  320. <image :src="val.image"></image>
  321. <span class="pictrue_log pictrue_log_class"
  322. v-if="val.activity && val.activity.type === '1'">秒杀</span>
  323. <span class="pictrue_log pictrue_log_class"
  324. v-if="val.activity && val.activity.type === '2'">砍价</span>
  325. <span class="pictrue_log pictrue_log_class"
  326. v-if="val.activity && val.activity.type === '3'">拼团</span>
  327. </view>
  328. <view class="name line1">{{ val.store_name }}</view>
  329. <view class="money font-color">¥{{ val.price }}</view>
  330. </view>
  331. </view>
  332. </swiper-item>
  333. <!-- <view class="swiper-pagination" slot="pagination"></view> -->
  334. </swiper>
  335. </view>
  336. </view>
  337. <view class="product-intro skeleton-rect" id="past3" v-if="diyProduct.is_description">
  338. <view class="title">产品介绍</view>
  339. <view class="conter">
  340. <jyf-parser :html="description" ref="article" :tag-style="tagStyle">
  341. </jyf-parser>
  342. </view>
  343. </view>
  344. <view class="uni-p-b-140" v-if="!diyProduct.is_description"></view>
  345. </scroll-view>
  346. </view>
  347. <view class="footer acea-row row-between-wrapper">
  348. <!-- <button open-type="contact" hover-class='none' class='item'>
  349. <view class='iconfont icon-kefu'></view>
  350. <view>客服</view>
  351. </button> -->
  352. <navigator hover-class="none" class="item skeleton-rect" open-type="switchTab"
  353. url="/pages/index/index">
  354. <view class="iconfont icon-shouye6"></view>
  355. <view class="p_center">首页</view>
  356. </navigator>
  357. <view @click="setCollect" class="item skeleton-rect">
  358. <view class="iconfont icon-shoucang1" v-if="storeInfo.userCollect"></view>
  359. <view class="iconfont icon-shoucang" v-else></view>
  360. <view class="p_center">收藏</view>
  361. </view>
  362. <navigator open-type="reLaunch" class="animated item skeleton-rect"
  363. :class="animated == true ? 'bounceIn' : ''" url="/pages/order_addcart/order_addcart"
  364. hover-class="none">
  365. <view class="iconfont icon-gouwuche1">
  366. <text class="num bg-color"
  367. v-if="parseFloat(CartCount) > 0">{{ CartCount || 0 }}</text>
  368. </view>
  369. <view class="p_center">购物车</view>
  370. </navigator>
  371. <view class="bnt acea-row skeleton-rect" :class="!storeInfo.cart_button?'fictitious' : ''"
  372. v-if="attr.productSelect.stock <= 0">
  373. <form v-if="storeInfo.cart_button" @submit="joinCart" class="joinCart bnts"><button
  374. class="joinCart bnts" form-type="submit">加入购物车</button></form>
  375. <form class="buy bnts bg-color-hui"><button class="buy bnts bg-color-hui"
  376. form-type="submit">已售罄</button></form>
  377. </view>
  378. <view class="bnt acea-row skeleton-rect" :class="!storeInfo.cart_button?'fictitious' : ''"
  379. v-else>
  380. <form v-if="storeInfo.cart_button" @submit="joinCart" class="joinCart bnts"><button
  381. class="joinCart bnts" form-type="submit">加入购物车</button></form>
  382. <form
  383. v-if="storeInfo.is_presale_product&&(storeInfo.presale_pay_status == 1 || storeInfo.presale_pay_status == 3)"
  384. class="buy bnts bg-color-hui"><button class="buy bnts bg-color-hui"
  385. form-type="submit">{{storeInfo.presale_pay_status === 1?'未开始':'已结束'}}</button>
  386. </form>
  387. <form v-else @submit="goBuy" class="buy bnts"><button class="buy bnts"
  388. form-type="submit">立即购买</button>
  389. </form>
  390. </view>
  391. </view>
  392. <!-- <shareRedPackets :sharePacket="sharePacket" :showAnimate="showAnimate"
  393. @listenerActionSheet="listenerActionSheet" @boxStatus="boxStatus" @closeChange="closeChange"
  394. v-if="base64Show && !fromPage"></shareRedPackets> -->
  395. <!-- 属性组件 -->
  396. <productWindow :attr="attr" :isShow="1" :iSplus="1" :cusPreviewImg='1' :storeInfo="storeInfo"
  397. @myevent="onMyEvent" @ChangeAttr="ChangeAttr" @ChangeCartNum="ChangeCartNum"
  398. @attrVal="attrVal" @iptCartNum="iptCartNum" @getImg="showImg" @deliveryFun="deliveryFun"
  399. @onAddressId="onAddressId" @onstoreId="onstoreId" id="product-window" :is_vip="is_vip">
  400. </productWindow>
  401. <ensure :ensureInfo="ensureInfo" @myevent="myEnsure"></ensure>
  402. <specs :specsInfo="specsInfo" @myevent="mySpecs"></specs>
  403. <discount :discountInfo="discountInfo" @myevent="myDiscount"></discount>
  404. <couponListWindow :coupon="coupon" v-if="coupon" @ChangCouponsClone="ChangCouponsClone"
  405. @ChangCoupons="ChangCoupons" @ChangCouponsUseState="ChangCouponsUseState"
  406. @tabCouponType="tabCouponType">
  407. </couponListWindow>
  408. <!-- 分享按钮 -->
  409. <view class="generate-posters" :class="posters ? 'on' : ''">
  410. <view class="generateCon acea-row row-middle">
  411. <!-- #ifdef H5 -->
  412. <button class="item" hover-class="none" v-if="weixinStatus === true"
  413. @click="H5ShareBox = true">
  414. <!-- <view class="iconfont icon-weixin3"></view> -->
  415. <view class="pictrue">
  416. <image src="../../static/images/weixin.png"></image>
  417. </view>
  418. <view class="">分享给好友</view>
  419. </button>
  420. <!-- #endif -->
  421. <!-- #ifdef MP -->
  422. <button class="item" open-type="share" hover-class="none">
  423. <!-- <view class="iconfont icon-weixin3"></view> -->
  424. <view class="pictrue">
  425. <image src="../../static/images/weixin.png"></image>
  426. </view>
  427. <view class="">分享给好友</view>
  428. </button>
  429. <!-- <button class="item" hover-class="none" @click="copyCommand">
  430. <view class="iconfont icon-haowuquan1"></view>
  431. <view class="">发送好物圈</view>
  432. </button> -->
  433. <!-- #endif -->
  434. <!-- #ifdef H5 -->
  435. <!-- <div class="item copy-data" v-if="storeInfo.command_word != ''"
  436. :data-clipboard-text="storeInfo.command_word">
  437. <view class="iconfont icon-fuzhikouling"></view>
  438. <text>复制口令</text>
  439. </div> -->
  440. <!-- #endif -->
  441. <!-- #ifdef APP-PLUS -->
  442. <view class="item" @click="appShare('WXSceneSession')">
  443. <!-- <view class="iconfont icon-weixin3"></view> -->
  444. <view class="pictrue">
  445. <image src="../../static/images/weixin.png"></image>
  446. </view>
  447. <view class="">分享给好友</view>
  448. </view>
  449. <view class="item" @click="appShare('WXSenceTimeline')">
  450. <view class="pictrue">
  451. <image src="./static/weixinCircle.png"></image>
  452. </view>
  453. <view class="">分享朋友圈</view>
  454. </view>
  455. <!-- #endif -->
  456. <view class="item" @click="getpreviewImage">
  457. <view class="pictrue">
  458. <image src="../../static/images/changan.png"></image>
  459. </view>
  460. <view class="">预览发图</view>
  461. </view>
  462. <!-- #ifndef H5 -->
  463. <button class="item" hover-class="none" @click="savePosterPath">
  464. <!-- <view class="iconfont icon-haibao"></view> -->
  465. <view class="pictrue">
  466. <image src="../../static/images/haibao.png"></image>
  467. </view>
  468. <view class="">保存海报</view>
  469. </button>
  470. <!-- #endif -->
  471. </view>
  472. <view class="generateClose acea-row row-center-wrapper" @click="posterImageClose">取消</view>
  473. </view>
  474. <view class="mask" v-if="posters"></view>
  475. <!-- 海报展示 -->
  476. <view class="poster-pop" v-if="posterImageStatus">
  477. <!-- <image src="../../static/images/poster-close.png" class="close" @click="posterImageClose"></image> -->
  478. <image :src="posterImage"></image>
  479. <!-- #ifndef H5 -->
  480. <!-- <view class="save-poster" @click="savePosterPath">保存到手机</view> -->
  481. <!-- #endif -->
  482. <!-- #ifdef H5 -->
  483. <!-- <view class="keep">长按图片可以保存到手机</view> -->
  484. <!-- #endif -->
  485. </view>
  486. <view class="mask" v-if="posterImageStatus"></view>
  487. <canvas class="canvas" canvas-id="myCanvas" v-if="canvasStatus"></canvas>
  488. <!-- 发送给朋友图片 -->
  489. <view class="share-box" v-if="H5ShareBox">
  490. <image :src="imgHost + '/statics/images/share-info.png'" @click="H5ShareBox = false">
  491. </image>
  492. </view>
  493. <kefuIcon :ids='parseInt(id)' :routineContact='routineContact' :storeInfo='storeInfo'
  494. :goodsCon='1'>
  495. </kefuIcon>
  496. <!-- #ifdef H5 || APP-PLUS -->
  497. <zb-code ref="qrcode" :show="codeShow" :cid="cid" :val="codeVal" :size="size" :unit="unit"
  498. :background="background" :foreground="foreground" :pdground="pdground" :icon="codeIcon"
  499. :iconSize="iconsize" :onval="onval" :loadMake="loadMake" @result="qrR" />
  500. <!-- #endif -->
  501. <cusPreviewImg ref="cusPreviewImg" :list="skuArr" @changeSwitch="changeSwitch"></cusPreviewImg>
  502. </view>
  503. </view>
  504. </template>
  505. <script>
  506. let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
  507. import zbCode from '@/components/zb-code/zb-code.vue'
  508. import {
  509. getProductDetail,
  510. getProductCtivity,
  511. getProductRecommend,
  512. getProductCode,
  513. collectAdd,
  514. collectDel,
  515. postCartAdd,
  516. newcomerDetail,
  517. diyProduct
  518. } from '@/api/store.js';
  519. import {
  520. getUserInfo,
  521. userShare
  522. } from '@/api/user.js';
  523. import {
  524. getCoupons
  525. } from '@/api/api.js';
  526. import {
  527. getCartCounts
  528. } from '@/api/order.js';
  529. import {
  530. toLogin
  531. } from '@/libs/login.js';
  532. import {
  533. mapGetters
  534. } from 'vuex';
  535. import {
  536. imageBase64
  537. } from '@/api/public';
  538. import countDown from '@/components/countDown';
  539. import storeLis from '@/components/storeLis';
  540. import productConSwiper from '@/components/productConSwiper';
  541. import couponListWindow from '@/components/couponListWindow';
  542. import productWindow from '@/components/productWindow';
  543. import ensure from './components/ensure/index.vue';
  544. import specs from './components/specs/index.vue';
  545. import discount from './components/discount/index.vue';
  546. import userEvaluation from '@/components/userEvaluation';
  547. import shareRedPackets from './components/shareRedPackets/index.vue';
  548. import kefuIcon from '@/components/kefuIcon';
  549. import discountsList from './components/discountsList/index.vue';
  550. import cusPreviewImg from '@/components/cusPreviewImg';
  551. import homeList from '@/components/homeList'
  552. import {
  553. silenceBindingSpread
  554. } from '@/utils';
  555. import ClipboardJS from '@/plugin/clipboard/clipboard.js';
  556. import {
  557. TOKENNAME,
  558. HTTP_REQUEST_URL
  559. } from '@/config/app.js';
  560. import {
  561. Debounce
  562. } from '@/utils/validate.js'
  563. let app = getApp();
  564. import colors from "@/mixins/color";
  565. export default {
  566. components: {
  567. zbCode,
  568. productConSwiper,
  569. couponListWindow,
  570. productWindow,
  571. userEvaluation,
  572. shareRedPackets,
  573. kefuIcon,
  574. storeLis,
  575. discountsList,
  576. cusPreviewImg,
  577. ensure,
  578. specs,
  579. discount,
  580. countDown,
  581. homeList
  582. },
  583. directives: {
  584. trigger: {
  585. inserted(el, binging) {
  586. el.click();
  587. }
  588. }
  589. },
  590. mixins: [colors],
  591. data() {
  592. let that = this;
  593. return {
  594. showSkeleton: true, //骨架屏显示隐藏
  595. isNodes: 0, //控制什么时候开始抓取元素节点,只要数值改变就重新抓取
  596. //属性是否打开
  597. coupon: {
  598. coupon: false,
  599. type: -1,
  600. list: [],
  601. count: []
  602. },
  603. attrTxt: '请选择', //属性页面提示
  604. attrValue: '', //已选属性
  605. animated: false, //购物车动画
  606. id: 0, //商品id
  607. replyCount: 0, //总评论数量
  608. reply: [], //评论列表
  609. storeInfo: {
  610. brand_name: ''
  611. }, //商品详情
  612. productValue: [], //系统属性
  613. couponList: [], //优惠券
  614. cart_num: 1, //购买数量
  615. isAuto: false, //没有授权的不会自动授权
  616. isShowAuth: false, //是否隐藏授权
  617. isOpen: false, //是否打开属性组件
  618. actionSheetHidden: true,
  619. posterImageStatus: false,
  620. storeImage: '', //海报产品图
  621. PromotionCode: '', //二维码图片
  622. canvasStatus: false, //海报绘图标签
  623. posterImage: '', //海报路径
  624. posterbackgd: '/static/images/posterbackgd.png',
  625. sharePacket: {
  626. isState: true //默认不显示
  627. }, //分销商详细
  628. uid: 0, //用户uid
  629. circular: false,
  630. autoplay: false,
  631. interval: 3000,
  632. duration: 500,
  633. clientHeight: '',
  634. systemStore: {}, //门店信息
  635. good_list: [],
  636. replyChance: 0,
  637. CartCount: 0,
  638. isDown: true,
  639. storeSelfMention: true,
  640. posters: false,
  641. weixinStatus: false,
  642. ensureInfo: {
  643. show: false,
  644. ensure: [],
  645. ensureTitle: ''
  646. },
  647. specsInfo: {
  648. show: false,
  649. specs: []
  650. },
  651. discountInfo: {
  652. show: false,
  653. discount: []
  654. },
  655. attr: {
  656. cartAttr: false,
  657. productAttr: [],
  658. productSelect: {},
  659. deliveryType: [],
  660. isType: 0,
  661. relation_id: 0,
  662. store_self_mention: 0
  663. },
  664. limitInfo: {
  665. discount_price: 0,
  666. price: 0,
  667. discount: 1,
  668. datatime: 0
  669. },
  670. promotions_type: 0,
  671. description: '',
  672. navActive: 0,
  673. H5ShareBox: false, //公众号分享图片
  674. activity: [],
  675. navH: '',
  676. navList: [],
  677. opacity: 0,
  678. scrollY: 0,
  679. topArr: [],
  680. height: 0,
  681. heightArr: [],
  682. lock: false,
  683. scrollTop: 0,
  684. tagStyle: {
  685. img: 'width:100%;display:block;',
  686. table: 'width:100%',
  687. video: 'width:100%'
  688. },
  689. returnShow: true, //判断顶部返回是否出现
  690. diff: '',
  691. is_money_level: 1,
  692. is_vip: 0, //是否是会员
  693. navbarRight: 0,
  694. homeTop: 20,
  695. routineContact: 0,
  696. discountsData: [], //套餐数据
  697. siteName: '', //商城名称
  698. themeColor: '',
  699. fontColor: '',
  700. isMention: false, //是否存在到店自提
  701. showAnimate: true,
  702. skuArr: [],
  703. //二维码参数
  704. codeShow: false,
  705. cid: '1',
  706. codeVal: "", // 要生成的二维码值
  707. size: 200, // 二维码大小
  708. unit: 'upx', // 单位
  709. background: '#FFF', // 背景色
  710. foreground: '#000', // 前景色
  711. pdground: '#000', // 角标色
  712. codeIcon: '', // 二维码图标
  713. iconsize: 40, // 二维码图标大小
  714. lv: 3, // 二维码容错级别 , 一般不用设置,默认就行
  715. onval: true, // val值变化时自动重新生成二维码
  716. loadMake: true, // 组件加载完成后自动生成二维码
  717. base64Show: 0,
  718. shareQrcode: 0,
  719. followCode: '',
  720. selectSku: {},
  721. currentPage: false,
  722. sysHeight: sysHeight,
  723. isShow: 0,
  724. storeLen: 1,
  725. imgHost: HTTP_REQUEST_URL,
  726. fromType: 0,
  727. cartNum: 0,
  728. fromPage: '',
  729. diyProduct: {},
  730. addressId: '',
  731. store_id: '',
  732. store_name: '',
  733. delivery_type: 0
  734. };
  735. },
  736. computed: mapGetters(['isLogin']),
  737. watch: {
  738. isLogin: {
  739. handler: function(newV, oldV) {
  740. if (newV == true) {
  741. this.getCouponList();
  742. this.getCartCount();
  743. // this.downloadFilePromotionCode();
  744. }
  745. },
  746. deep: true
  747. },
  748. storeInfo: {
  749. handler: function() {
  750. this.$nextTick(() => {});
  751. },
  752. immediate: true
  753. }
  754. },
  755. async onLoad(options) {
  756. if(!uni.getStorageSync('diyProduct')){
  757. this.diyProduct = await this.getdiyProduct()
  758. }else{
  759. this.diyProduct = JSON.parse(uni.getStorageSync('diyProduct'))
  760. }
  761. this.diyProduct.price_type = this.diyProduct.price_type + ''
  762. let that = this;
  763. var pages = getCurrentPages();
  764. that.returnShow = pages.length === 1 ? false : true;
  765. // #ifdef MP
  766. that.navH = app.globalData.navHeight;
  767. // #endif
  768. // #ifndef MP
  769. that.navH = 96;
  770. // #endif
  771. that.id = options.id;
  772. that.isShow = options.isShow;
  773. that.promotions_type = options.promotions_type || 0;
  774. that.fromType = options.fromType;
  775. that.fromPage = options.fromPage;
  776. uni.getSystemInfo({
  777. success: function(res) {
  778. that.height = res.windowHeight;
  779. //res.windowHeight:获取整个窗口高度为px,*2为rpx;98为头部占据的高度;
  780. // #ifndef APP-PLUS || H5 || MP-ALIPAY
  781. that.navbarRight = res.windowWidth - uni.getMenuButtonBoundingClientRect().left;
  782. // #endif
  783. }
  784. });
  785. //扫码携带参数处理
  786. // #ifdef MP
  787. if (options.scene) {
  788. let value = that.$util.getUrlParams(decodeURIComponent(options.scene));
  789. if (value.id) options.id = value.id;
  790. //记录推广人uid
  791. if (value.pid) app.globalData.spid = value.pid;
  792. }
  793. if (!options.id) {
  794. this.showSkeleton = false;
  795. return that.$util.Tips({
  796. title: '缺少参数无法查看商品'
  797. }, {
  798. tab: 3,
  799. url: 1
  800. });
  801. } else {
  802. that.id = options.id;
  803. }
  804. if (that.isLogin && options.id) {
  805. that.downloadFilePromotionCode();
  806. }
  807. // #endif
  808. //记录推广人uid
  809. if (options.pid) app.globalData.spid = options.pid;
  810. that.getGoodsDetails();
  811. // that.getCouponList(0);
  812. // #ifdef H5
  813. that.isLogin && silenceBindingSpread();
  814. // #endif
  815. this.colorData();
  816. let color = [{
  817. themeColor: '#1DB0FC',
  818. fontColor: '#FD502F'
  819. },
  820. {
  821. themeColor: '#42CA4D',
  822. fontColor: '#FF7600'
  823. },
  824. {
  825. themeColor: '#e93323',
  826. fontColor: '#e93323'
  827. },
  828. {
  829. themeColor: '#FF448F',
  830. fontColor: '#FF448F'
  831. },
  832. {
  833. themeColor: '#FE5C2D',
  834. fontColor: '#FE5C2D'
  835. }
  836. ];
  837. setTimeout(() => {
  838. switch (this.colorNum) {
  839. case 1:
  840. this.themeColor = color[0].themeColor;
  841. this.fontColor = color[0].fontColor;
  842. break;
  843. case 2:
  844. this.themeColor = color[1].themeColor;
  845. this.fontColor = color[1].fontColor;
  846. break;
  847. case 3:
  848. this.themeColor = color[2].themeColor;
  849. this.fontColor = color[2].fontColor;
  850. break;
  851. case 4:
  852. this.themeColor = color[3].themeColor;
  853. this.fontColor = color[3].fontColor;
  854. break;
  855. case 5:
  856. this.themeColor = color[4].themeColor;
  857. this.fontColor = color[4].fontColor;
  858. break;
  859. default:
  860. this.themeColor = color[2].themeColor;
  861. this.fontColor = color[2].fontColor;
  862. break
  863. }
  864. }, 1)
  865. },
  866. onReady: function() {
  867. this.isNodes++;
  868. // #ifdef H5
  869. this.codeVal = window.location.origin + '/pages/goods_details/index?id=' + this.id +
  870. '&pid=' + this.$store.state.app.uid
  871. // #endif
  872. // #ifdef APP-PLUS
  873. this.codeVal = HTTP_REQUEST_URL + '/pages/goods_details/index?id=' + this.id +
  874. '&pid=' + this.$store.state.app.uid
  875. // #endif
  876. this.$nextTick(function() {
  877. // #ifdef MP
  878. const menuButton = uni.getMenuButtonBoundingClientRect();
  879. const query = uni.createSelectorQuery().in(this);
  880. query
  881. .select('#home')
  882. .boundingClientRect(data => {
  883. this.homeTop = menuButton.top * 2 + menuButton.height - data.height;
  884. })
  885. .exec();
  886. // wx.showShareMenu({
  887. // withShareTicket:true,
  888. // //设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击
  889. // menus:["shareAppMessage","shareTimeline"]
  890. // })
  891. // #endif
  892. // #ifdef H5
  893. const clipboard = new ClipboardJS('.copy-data');
  894. clipboard.on('success', () => {
  895. this.$util.Tips({
  896. title: '复制成功'
  897. });
  898. });
  899. // #endif
  900. });
  901. },
  902. onShow() {
  903. uni.removeStorageSync('form_type_cart');
  904. },
  905. /**
  906. * 用户点击右上角分享
  907. */
  908. // #ifdef MP
  909. onShareAppMessage: function() {
  910. let that = this;
  911. that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
  912. userShare();
  913. return {
  914. title: that.storeInfo.store_name || '',
  915. imageUrl: that.storeInfo.image || '',
  916. path: '/pages/goods_details/index?id=' + that.id + '&pid=' + that.uid
  917. };
  918. },
  919. onShareTimeline() {
  920. let that = this;
  921. that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
  922. userShare();
  923. return {
  924. title: that.storeInfo.store_name || '',
  925. imageUrl: that.storeInfo.image || '',
  926. path: '/pages/goods_details/index?id=' + that.id + '&pid=' + that.uid
  927. };
  928. },
  929. // #endif
  930. methods: {
  931. // div商品详情 用于处理bug
  932. getdiyProduct() {
  933. return new Promise((resolve,reject)=>{
  934. diyProduct().then(res => {
  935. // console.log(JSON.stringify(res.data.product_detail))
  936. uni.setStorageSync('diyProduct', JSON.stringify(res.data.product_detail));
  937. resolve(res.data.product_detail);
  938. })
  939. })
  940. },
  941. // 获取配送方式
  942. deliveryFun(e) {
  943. this.delivery_type = e;
  944. },
  945. // 获取配送地址id
  946. onAddressId(row) {
  947. this.addressId = row.id
  948. },
  949. // 获取自提地址id
  950. onstoreId(row) {
  951. this.store_id = row.id;
  952. this.store_name = row.name;
  953. },
  954. getStoreList(len) {
  955. this.storeLen = len;
  956. },
  957. seeEnsure() {
  958. this.ensureInfo.show = true;
  959. },
  960. seeSpecs() {
  961. this.specsInfo.show = true;
  962. },
  963. seeDiscount() {
  964. this.discountInfo.show = true;
  965. },
  966. moreNav() {
  967. this.currentPage = !this.currentPage
  968. },
  969. //点击sku图片打开轮播图
  970. showImg(index) {
  971. this.$refs.cusPreviewImg.open(this.selectSku.suk)
  972. },
  973. //滑动轮播图选择商品
  974. changeSwitch(e) {
  975. let productSelect = this.skuArr[e];
  976. this.$set(this, 'selectSku', productSelect);
  977. var skuList = productSelect.suk.split(',');
  978. skuList.forEach((i, index) => {
  979. this.$set(this.attr.productAttr[index], 'index', skuList[index]);
  980. })
  981. if (productSelect) {
  982. this.$set(this.attr.productSelect, 'image', productSelect.image);
  983. this.$set(this.attr.productSelect, 'price', productSelect.price);
  984. this.$set(this.attr.productSelect, 'stock', productSelect.stock);
  985. this.$set(this.attr.productSelect, 'unique', productSelect.unique);
  986. this.$set(this.attr.productSelect, 'cart_num', 1);
  987. this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
  988. this.$set(this, 'attrValue', productSelect.suk);
  989. this.$set(this, 'attrTxt', '已选择');
  990. }
  991. },
  992. qrR(res) {
  993. // #ifdef H5
  994. if (!this.$wechat.isWeixin() || this.shareQrcode != '1') {
  995. this.PromotionCode = res;
  996. this.followCode = ''
  997. }
  998. // #endif
  999. // #ifdef APP-PLUS
  1000. this.PromotionCode = res;
  1001. // #endif
  1002. },
  1003. boxStatus(data) {
  1004. this.showAnimate = data
  1005. },
  1006. followWX() {
  1007. getProductCode(this.id).then(res => {
  1008. this.followCode = res.data.code
  1009. this.getImageBase64(1);
  1010. }).catch(err => {
  1011. this.$util.Tips({
  1012. title: err
  1013. });
  1014. })
  1015. },
  1016. // 图片预览;
  1017. getpreviewImage: function() {
  1018. if (this.posterImage) {
  1019. let photoList = [];
  1020. photoList.push(this.posterImage)
  1021. uni.previewImage({
  1022. urls: photoList,
  1023. current: this.posterImage
  1024. });
  1025. } else {
  1026. this.$util.Tips({
  1027. title: '您的海报尚未生成'
  1028. });
  1029. }
  1030. },
  1031. /*
  1032. * 跳转门店列表
  1033. */
  1034. showStoreList: function() {
  1035. uni.navigateTo({
  1036. url: '/pages/goods/goods_details_store/index'
  1037. })
  1038. },
  1039. videoPause() {
  1040. this.$nextTick(() => {
  1041. that.infoScroll();
  1042. })
  1043. },
  1044. // app分享
  1045. // #ifdef APP-PLUS
  1046. appShare(scene) {
  1047. let that = this
  1048. let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
  1049. let curRoute = routes[routes.length - 1].$page.fullPath // 获取当前页面路由,也就是最后一个打开的页面路由
  1050. uni.share({
  1051. provider: "weixin",
  1052. scene: scene,
  1053. type: 0,
  1054. href: `${HTTP_REQUEST_URL}${curRoute}&spread=${that.uid}`,
  1055. title: that.storeInfo.store_name,
  1056. summary: that.storeInfo.store_info,
  1057. imageUrl: that.storeInfo.small_image,
  1058. success: function(res) {
  1059. // uni.showToast({
  1060. // title: '分享成功',
  1061. // icon: 'success'
  1062. // })
  1063. // that.posters = false;
  1064. },
  1065. fail: function(err) {
  1066. uni.showToast({
  1067. title: '分享失败',
  1068. icon: 'none',
  1069. duration: 2000
  1070. })
  1071. // that.posters = false;
  1072. }
  1073. });
  1074. },
  1075. // #endif
  1076. closeChange: function() {
  1077. this.$set(this.sharePacket, 'isState', true);
  1078. },
  1079. goActivity: function(e) {
  1080. let item = e;
  1081. if (item.type === '1') {
  1082. uni.navigateTo({
  1083. url: `/pages/activity/goods_seckill_details/index?id=${item.id}&time=${item.time}&status=1`
  1084. });
  1085. } else if (item.type === '2') {
  1086. uni.navigateTo({
  1087. url: `/pages/activity/goods_bargain_details/index?id=${item.id}&bargain=${this.uid}`
  1088. });
  1089. } else {
  1090. uni.navigateTo({
  1091. url: `/pages/activity/goods_combination_details/index?id=${item.id}`
  1092. });
  1093. }
  1094. },
  1095. /**
  1096. * 购物车手动填写
  1097. *
  1098. */
  1099. iptCartNum: function(e) {
  1100. this.$set(this.attr.productSelect, 'cart_num', e);
  1101. },
  1102. // 后退
  1103. returns: function() {
  1104. if (this.isShow) {
  1105. uni.reLaunch({
  1106. url: '/pages/index/index'
  1107. })
  1108. } else {
  1109. if (this.fromType) {
  1110. let obj = {
  1111. id: this.id,
  1112. cartNum: this.cartNum
  1113. }
  1114. let pages = getCurrentPages();
  1115. let prevPage = pages[pages.length - 2];
  1116. prevPage.$vm.otherFun(obj);
  1117. return uni.navigateBack();
  1118. } else {
  1119. // #ifdef H5
  1120. return history.back();
  1121. // #endif
  1122. // #ifndef H5
  1123. return uni.navigateBack({
  1124. delta: 1,
  1125. })
  1126. // #endif
  1127. }
  1128. }
  1129. },
  1130. tap: function(index) {
  1131. var that = this;
  1132. this.$set(this, 'navActive', index);
  1133. this.$set(this, 'lock', true);
  1134. this.$set(this, 'scrollTop', index > 0 ? that.topArr[index] - app.globalData.navHeight / 2 : that
  1135. .topArr[index]);
  1136. },
  1137. scroll: function(e) {
  1138. var that = this,
  1139. scrollY = e.detail.scrollTop;
  1140. var opacity = scrollY / 200;
  1141. opacity = opacity > 1 ? 1 : opacity;
  1142. let showAnimate = scrollY > 0 ? false : true
  1143. that.$set(that, 'opacity', opacity);
  1144. that.$set(that, 'scrollY', scrollY);
  1145. that.$set(that, 'showAnimate', showAnimate);
  1146. that.$set(that, 'currentPage', false);
  1147. if (that.lock) {
  1148. that.$set(that, 'lock', false);
  1149. return;
  1150. }
  1151. for (var i = 0; i < that.topArr.length; i++) {
  1152. if (scrollY < that.topArr[i] - app.globalData.navHeight / 2 + that.heightArr[i]) {
  1153. that.$set(that, 'navActive', i);
  1154. break;
  1155. }
  1156. }
  1157. },
  1158. /*
  1159. *去商品详情页
  1160. */
  1161. goDetail(item) {
  1162. if (item.activity.length == 0) {
  1163. uni.redirectTo({
  1164. url: '/pages/goods_details/index?id=' + item.id
  1165. });
  1166. return;
  1167. }
  1168. // 砍价
  1169. if (item.activity && item.activity.type == 2) {
  1170. uni.redirectTo({
  1171. url: `/pages/activity/goods_bargain_details/index?id=${item.activity.id}&bargain=${this.uid}`
  1172. });
  1173. return;
  1174. }
  1175. // 拼团
  1176. if (item.activity && item.activity.type == 3) {
  1177. uni.redirectTo({
  1178. url: `/pages/activity/goods_combination_details/index?id=${item.activity.id}`
  1179. });
  1180. return;
  1181. }
  1182. // 秒杀
  1183. if (item.activity && item.activity.type == 1) {
  1184. uni.redirectTo({
  1185. url: `/pages/activity/goods_seckill_details/index?id=${item.activity.id}&time=${item.activity.time}&status=1`
  1186. });
  1187. return;
  1188. }
  1189. },
  1190. // 微信登录回调
  1191. onLoadFun: function(e) {
  1192. // this.getUserInfo();
  1193. // this.get_product_collect();
  1194. },
  1195. ChangCouponsClone: function() {
  1196. this.$set(this.coupon, 'coupon', false);
  1197. },
  1198. /*
  1199. * 获取用户信息
  1200. */
  1201. getUserInfo: function() {
  1202. let that = this;
  1203. getUserInfo().then(res => {
  1204. that.$set(that.sharePacket, 'isState', that.sharePacket.priceName != 0 ? false : true);
  1205. that.$set(that, 'uid', res.data.uid);
  1206. that.$set(that, 'is_money_level', res.data.is_money_level);
  1207. });
  1208. },
  1209. /**
  1210. * 购物车数量加和数量减
  1211. *
  1212. */
  1213. ChangeCartNum: function(changeValue) {
  1214. //changeValue:是否 加|减
  1215. //获取当前变动属性
  1216. let productSelect = this.productValue[this.attrValue];
  1217. //如果没有属性,赋值给商品默认库存
  1218. if (productSelect === undefined && !this.attr.productAttr.length) productSelect = this.attr
  1219. .productSelect;
  1220. //无属性值即库存为0;不存在加减;
  1221. if (productSelect === undefined) return;
  1222. let stock = productSelect.stock || 0;
  1223. let num = this.attr.productSelect;
  1224. if (changeValue) {
  1225. num.cart_num++;
  1226. if (num.cart_num > stock) {
  1227. this.$set(this.attr.productSelect, 'cart_num', stock ? stock : 1);
  1228. this.$set(this, 'cart_num', stock ? stock : 1);
  1229. }
  1230. } else {
  1231. num.cart_num--;
  1232. if (num.cart_num < 1) {
  1233. this.$set(this.attr.productSelect, 'cart_num', 1);
  1234. this.$set(this, 'cart_num', 1);
  1235. }
  1236. }
  1237. },
  1238. attrVal(val) {
  1239. this.$set(this.attr.productAttr[val.indexw], 'index', this.attr.productAttr[val.indexw].attr_values[val
  1240. .indexn]);
  1241. },
  1242. /**
  1243. * 属性变动赋值
  1244. *
  1245. */
  1246. ChangeAttr: function(res) {
  1247. let productSelect = this.productValue[res];
  1248. this.$set(this, "selectSku", productSelect);
  1249. if (productSelect && productSelect.stock >= 0) {
  1250. this.$set(this.attr.productSelect, 'image', productSelect.image);
  1251. this.$set(this.attr.productSelect, 'price', productSelect.price);
  1252. this.$set(this.attr.productSelect, 'stock', productSelect.stock);
  1253. this.$set(this.attr.productSelect, 'unique', productSelect.unique);
  1254. this.$set(this.attr.productSelect, 'cart_num', 1);
  1255. this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
  1256. this.$set(this, 'attrValue', res);
  1257. this.$set(this, 'attrTxt', '已选择');
  1258. } else {
  1259. this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
  1260. this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
  1261. this.$set(this.attr.productSelect, 'stock', 0);
  1262. this.$set(this.attr.productSelect, 'unique', '');
  1263. this.$set(this.attr.productSelect, 'cart_num', 0);
  1264. this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
  1265. this.$set(this, 'attrValue', '');
  1266. this.$set(this, 'attrTxt', '请选择');
  1267. }
  1268. },
  1269. /**
  1270. * 领取完毕移除当前页面领取过的优惠券展示
  1271. */
  1272. ChangCoupons: function(e) {
  1273. let coupon = e;
  1274. let couponList = this.$util.ArrayRemove(this.couponList, 'id', coupon.id);
  1275. this.$set(this, 'couponList', couponList);
  1276. this.getCouponList();
  1277. },
  1278. setClientHeight: function() {
  1279. let that = this;
  1280. if (!that.good_list.length) return;
  1281. let view = uni
  1282. .createSelectorQuery()
  1283. .in(this)
  1284. .select('#list0');
  1285. view.fields({
  1286. size: true
  1287. },
  1288. data => {
  1289. that.$set(that, 'clientHeight', data.height + 20);
  1290. that.$nextTick(() => {
  1291. that.infoScroll();
  1292. })
  1293. }
  1294. ).exec();
  1295. },
  1296. // 推荐商品
  1297. getGoodsList() {
  1298. let that = this;
  1299. getProductRecommend(that.id).then(res => {
  1300. let good_list = res.data || [];
  1301. let count = Math.ceil(good_list.length / 6);
  1302. let goodArray = new Array();
  1303. for (let i = 0; i < count; i++) {
  1304. let list = good_list.slice(i * 6, i * 6 + 6);
  1305. if (list.length)
  1306. goodArray.push({
  1307. list: list
  1308. });
  1309. }
  1310. that.$set(that, 'good_list', goodArray);
  1311. if (goodArray.length && this.diyProduct.is_recommend) {
  1312. that.navList.splice(-1, 0, '推荐');
  1313. }
  1314. that.$nextTick(() => {
  1315. if (good_list.length) {
  1316. // #ifndef APP-PLUS
  1317. that.setClientHeight();
  1318. // #endif
  1319. // #ifdef APP-PLUS
  1320. setTimeout(() => {
  1321. that.setClientHeight();
  1322. }, 1000)
  1323. // #endif
  1324. }
  1325. });
  1326. }).catch(err => {
  1327. return this.$util.Tips({
  1328. title: err
  1329. });
  1330. })
  1331. },
  1332. // 获取产品活动详情
  1333. getGoodsCtivity() {
  1334. let that = this;
  1335. getProductCtivity(that.id, {
  1336. promotions_type: this.promotions_type
  1337. }).then(res => {
  1338. that.$set(that, 'activity', res.data.activity ? res.data.activity : []);
  1339. that.$set(that, 'couponList', res.data.coupons);
  1340. that.$set(that, 'discountsData', res.data.discounts_products ? res.data.discounts_products :
  1341. []); //套餐数据
  1342. let promotions = res.data.promotions[0];
  1343. that.$set(that, 'promotions_type', res.data.promotions.length ? promotions.promotions_type :
  1344. 0);
  1345. if (res.data.promotions.length && promotions.promotions_type == 1) {
  1346. let discount = that.$util.$h.Div(promotions.discount, 100);
  1347. let discountPrice = that.$util.$h.Mul(discount, this.storeInfo.price);
  1348. that.$set(that.limitInfo, 'price', this.storeInfo.price || 0);
  1349. that.$set(that.limitInfo, 'datatime', promotions.stop_time || 0);
  1350. that.$set(that.limitInfo, 'discount', discount);
  1351. that.$set(that.limitInfo, 'discount_price', discountPrice);
  1352. }
  1353. that.$set(that.discountInfo, 'discount', res.data.promotions);
  1354. that.$nextTick(() => {
  1355. that.infoScroll();
  1356. })
  1357. }).catch(err => {
  1358. return this.$util.Tips({
  1359. title: err
  1360. });
  1361. })
  1362. },
  1363. /**
  1364. * 获取产品详情
  1365. *
  1366. */
  1367. getGoodsDetails: function() {
  1368. let that = this;
  1369. let obj = '';
  1370. if (that.fromPage) {
  1371. obj = newcomerDetail;
  1372. } else {
  1373. obj = getProductDetail;
  1374. }
  1375. obj(that.id, {
  1376. promotions_type: this.promotions_type
  1377. })
  1378. .then(res => {
  1379. let storeInfo = res.data.storeInfo;
  1380. // let good_list = res.data.good_list || [];
  1381. // let count = Math.ceil(good_list.length / 6);
  1382. // let goodArray = new Array();
  1383. // for (let i = 0; i < count; i++) {
  1384. // let list = good_list.slice(i * 6, i * 6 + 6);
  1385. // if (list.length)
  1386. // goodArray.push({
  1387. // list: list
  1388. // });
  1389. // }
  1390. storeInfo.delivery_type.sort((x, y) => x - y);
  1391. that.$set(that.attr, 'deliveryType', storeInfo.delivery_type);
  1392. if (res.data.storeInfo.delivery_type.indexOf('2') != -1) {
  1393. that.$set(that, 'isMention', true);
  1394. }
  1395. // let promotions = storeInfo.promotions[0];
  1396. // that.$set(that, 'promotions_type', storeInfo.promotions.length?promotions.promotions_type:0);
  1397. // if(storeInfo.promotions.length && promotions.promotions_type==1){
  1398. // let discount = that.$util.$h.Div(promotions.discount, 100);
  1399. // let discountPrice = that.$util.$h.Mul(discount, storeInfo.price);
  1400. // that.$set(that.limitInfo, 'price', storeInfo.price || 0);
  1401. // that.$set(that.limitInfo, 'datatime', promotions.stop_time || 0);
  1402. // that.$set(that.limitInfo, 'discount', discount);
  1403. // that.$set(that.limitInfo, 'discount_price', discountPrice);
  1404. // }
  1405. that.$set(that, 'storeInfo', storeInfo);
  1406. that.$set(that.attr, 'isType', res.data.storeInfo.type);
  1407. that.$set(that.attr, 'relation_id', res.data.storeInfo.relation_id);
  1408. that.$set(that.attr, 'store_self_mention', res.data.store_self_mention);
  1409. that.$set(that.ensureInfo, 'ensure', storeInfo.ensure);
  1410. let ensureTitle = [];
  1411. storeInfo.ensure.forEach(res => {
  1412. ensureTitle.push(res.name)
  1413. })
  1414. that.$set(that.ensureInfo, 'ensureTitle', ensureTitle.join(' · '));
  1415. that.$set(that.specsInfo,
  1416. 'specs', storeInfo.specs);
  1417. // that.$set(that.discountInfo, 'discount', storeInfo.promotions);
  1418. that.$set(that, 'description', storeInfo.description);
  1419. this.description = this.description.replace(
  1420. /<img/gi,
  1421. '<img style="max-width:100%;height:auto;float:left;display:block" ');
  1422. that.$set(that, 'reply', res.data.reply);
  1423. that.$set(that, 'replyCount', res.data.replyCount);
  1424. that.$set(that, 'replyChance', res.data.replyChance);
  1425. that.$set(that.attr, 'productAttr', res.data.productAttr);
  1426. that.$set(that, 'productValue', res.data.productValue);
  1427. for (let key in res.data.productValue) {
  1428. let obj = res.data.productValue[key];
  1429. that.skuArr.push(obj)
  1430. }
  1431. this.$set(this, "selectSku", that.skuArr[0]);
  1432. that.$set(that, 'is_vip', res.data.storeInfo
  1433. .is_vip);
  1434. that.$set(that.sharePacket, 'priceName', res.data.priceName);
  1435. that.$set(that,
  1436. 'systemStore', res.data.system_store);
  1437. that.$set(that, 'storeSelfMention', res.data
  1438. .store_self_mention);
  1439. // that.$set(that, 'good_list', goodArray);
  1440. // that.$set(that, 'activity', res.data.activity ? res.data.activity : []);
  1441. // that.$set(that, 'couponList', res.data.coupons);
  1442. that.$set(that, 'shareQrcode', res.data.share_qrcode);
  1443. that.$set(that, 'routineContact', Number(res
  1444. .data.routine_contact_type));
  1445. // that.$set(that, 'discountsData', res.data.discounts_products ? res.data
  1446. // .discounts_products : []); //套餐数据
  1447. uni.setNavigationBarTitle({
  1448. title: storeInfo.store_name.substring(0, 13) + '...'
  1449. });
  1450. that.$set(that, 'diff', that.$util.$h.Sub(storeInfo.price, storeInfo.vip_price));
  1451. that
  1452. .siteName = res.data.site_name;
  1453. var navList = ['商品', '详情'];
  1454. if (res.data.replyCount && that.diyProduct.is_reply) {
  1455. navList.splice(1, 0, '评价');
  1456. }
  1457. // if (goodArray.length) {
  1458. // navList.splice(-1, 0, '推荐');
  1459. // }
  1460. that.$set(that, 'navList', navList);
  1461. // #ifdef H5
  1462. that.$set(that, 'storeImage', that.storeInfo.image);
  1463. if (that.isLogin) {
  1464. that.ShareInfo();
  1465. }
  1466. if (this.$wechat.isWeixin() && this.shareQrcode == '1') {
  1467. that.followWX();
  1468. } else {
  1469. that.getImageBase64();
  1470. }
  1471. // #endif
  1472. if (that.isLogin) {
  1473. that.getUserInfo();
  1474. }
  1475. // this.$nextTick(() => {
  1476. // if (good_list.length) {
  1477. // // #ifndef APP-PLUS
  1478. // that.setClientHeight();
  1479. // // #endif
  1480. // // #ifdef APP-PLUS
  1481. // setTimeout(() => {
  1482. // that.setClientHeight();
  1483. // }, 1000)
  1484. // // #endif
  1485. // }
  1486. // });
  1487. setTimeout(function() {
  1488. that.infoScroll();
  1489. }, 500);
  1490. // #ifndef H5
  1491. that.downloadFilestoreImage();
  1492. // #endif
  1493. that.DefaultSelect();
  1494. that.getCartCount();
  1495. setTimeout(() => {
  1496. this.showSkeleton = false
  1497. }, 200)
  1498. that.getGoodsList();
  1499. if (!that.fromPage) {
  1500. that.getGoodsCtivity();
  1501. }
  1502. }).catch(err => {
  1503. //状态异常返回上级页面
  1504. return that.$util.Tips({
  1505. title: err.toString()
  1506. }, {
  1507. tab: 3,
  1508. url: 1
  1509. });
  1510. setTimeout(() => {
  1511. this.showSkeleton = false
  1512. }, 500)
  1513. });
  1514. },
  1515. infoScroll: function() {
  1516. var that = this,
  1517. topArr = [],
  1518. heightArr = [];
  1519. for (var i = 0; i < that.navList.length; i++) {
  1520. //获取元素所在位置
  1521. var query = uni.createSelectorQuery().in(this);
  1522. var idView = '#past' + i;
  1523. if (((!this.replyCount || !this.diyProduct.is_reply) && (!that.good_list.length || !that.diyProduct
  1524. .is_recommend) && i == 1) || (this.replyCount && this.diyProduct.is_reply && (!that
  1525. .good_list.length || !that.diyProduct.is_recommend) && i == 2) || ((!this.replyCount || !
  1526. this.diyProduct.is_reply) && that.good_list.length && that.diyProduct.is_recommend &&
  1527. i == 2)) {
  1528. idView = "#past" + 3;
  1529. }
  1530. if ((!this.replyCount || !this.diyProduct.is_reply) && that.good_list.length && that.diyProduct
  1531. .is_recommend && i == 1) {
  1532. idView = "#past" + 2;
  1533. }
  1534. query.select(idView).boundingClientRect();
  1535. query.exec(function(res) {
  1536. var top = res[0].top;
  1537. var height = res[0].height;
  1538. topArr.push(top);
  1539. heightArr.push(height);
  1540. that.$set(that, 'topArr', topArr);
  1541. that.$set(that, 'heightArr', heightArr);
  1542. });
  1543. }
  1544. },
  1545. /**
  1546. * 拨打电话
  1547. */
  1548. makePhone: function() {
  1549. uni.makePhoneCall({
  1550. phoneNumber: this.systemStore.phone
  1551. });
  1552. },
  1553. /**
  1554. * 打开地图
  1555. *
  1556. */
  1557. showMaoLocation: function() {
  1558. if (!this.systemStore.latitude || !this.systemStore.longitude)
  1559. return this.$util.Tips({
  1560. title: '缺少经纬度信息无法查看地图!'
  1561. });
  1562. uni.openLocation({
  1563. latitude: parseFloat(this.systemStore.latitude),
  1564. longitude: parseFloat(this.systemStore.longitude),
  1565. scale: 8,
  1566. name: this.systemStore.name,
  1567. address: this.systemStore.address + this.systemStore.detailed_address,
  1568. success: function() {}
  1569. });
  1570. },
  1571. /**
  1572. * 默认选中属性
  1573. *
  1574. */
  1575. DefaultSelect: function() {
  1576. let productAttr = this.attr.productAttr;
  1577. let valueobj = [];
  1578. let value = [];
  1579. for (var key in this.productValue) {
  1580. if (this.productValue[key].stock > 0) {
  1581. valueobj = this.attr.productAttr.length ? key.split(',') : [];
  1582. break;
  1583. }
  1584. }
  1585. // 处理已售罄时默认选中第一个
  1586. if (!valueobj.length && this.attr.productAttr.length) {
  1587. value = Object.keys(this.productValue)[0].split(',');
  1588. } else {
  1589. value = valueobj;
  1590. }
  1591. for (let i = 0; i < productAttr.length; i++) {
  1592. this.$set(productAttr[i], 'index', value[i]);
  1593. }
  1594. //sort();排序函数:数字-英文-汉字;
  1595. let productSelect = this.productValue[value.join(',')];
  1596. if (productSelect && productAttr.length) {
  1597. this.$set(this.attr.productSelect, 'store_name', this.storeInfo.store_name);
  1598. this.$set(this.attr.productSelect, 'image', productSelect.image);
  1599. this.$set(this.attr.productSelect, 'price', productSelect.price);
  1600. this.$set(this.attr.productSelect, 'stock', productSelect.stock);
  1601. this.$set(this.attr.productSelect, 'unique', productSelect.unique);
  1602. this.$set(this.attr.productSelect, 'cart_num', 1);
  1603. this.$set(this, 'attrValue', value.join(','));
  1604. this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
  1605. this.$set(this, 'attrTxt', '已选择');
  1606. } else if (!productSelect && productAttr.length) {
  1607. this.$set(this.attr.productSelect, 'store_name', this.storeInfo.store_name);
  1608. this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
  1609. this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
  1610. this.$set(this.attr.productSelect, 'stock', 0);
  1611. this.$set(this.attr.productSelect, 'unique', '');
  1612. this.$set(this.attr.productSelect, 'cart_num', 0);
  1613. this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
  1614. this.$set(this, 'attrValue', '');
  1615. this.$set(this, 'attrTxt', '请选择');
  1616. } else if (!productSelect && !productAttr.length) {
  1617. this.$set(this.attr.productSelect, 'store_name', this.storeInfo.store_name);
  1618. this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
  1619. this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
  1620. this.$set(this.attr.productSelect, 'stock', this.storeInfo.stock);
  1621. this.$set(this.attr.productSelect, 'unique', this.storeInfo.unique || '');
  1622. this.$set(this.attr.productSelect, 'cart_num', 1);
  1623. this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
  1624. this.$set(this, 'attrValue', '');
  1625. this.$set(this, 'attrTxt', '请选择');
  1626. }
  1627. },
  1628. /**
  1629. * 获取优惠券
  1630. *
  1631. */
  1632. getCouponList(type) {
  1633. let that = this,
  1634. obj = {
  1635. page: 1,
  1636. limit: 20,
  1637. product_id: that.id
  1638. };
  1639. if (type !== undefined || type !== null) {
  1640. obj.type = type;
  1641. }
  1642. getCoupons(obj).then(res => {
  1643. that.$set(that.coupon, 'count', res.data.count);
  1644. if (type === undefined || type === null) {
  1645. let count = [...that.coupon.count],
  1646. indexs = '';
  1647. let index = count.findIndex(item => item);
  1648. let delCount = that.coupon.count,
  1649. newDelCount = [];
  1650. let countIndex = 0;
  1651. delCount.forEach((item, index) => {
  1652. if (item === 0) {
  1653. countIndex = index;
  1654. } else {
  1655. newDelCount.push(item)
  1656. }
  1657. });
  1658. if (newDelCount.length == 3) {
  1659. indexs = 2;
  1660. } else if (newDelCount.length == 2) {
  1661. if (countIndex === 2) {
  1662. indexs = 1;
  1663. } else {
  1664. indexs = 2;
  1665. }
  1666. } else {
  1667. indexs = delCount.findIndex(item => item === count[index]);
  1668. }
  1669. that.$set(that.coupon, 'type', indexs);
  1670. that.getCouponList(indexs);
  1671. } else {
  1672. that.$set(that.coupon, 'list', res.data.list);
  1673. }
  1674. });
  1675. },
  1676. ChangCouponsUseState(index) {
  1677. let that = this;
  1678. that.coupon.list[index].is_use = true;
  1679. that.$set(that.coupon, 'list', that.coupon.list);
  1680. that.$set(that.coupon, 'coupon', false);
  1681. },
  1682. /**
  1683. *
  1684. *
  1685. * 收藏商品
  1686. */
  1687. setCollect: Debounce(function() {
  1688. if (this.isLogin === false) {
  1689. toLogin();
  1690. } else {
  1691. let that = this;
  1692. if (this.storeInfo.userCollect) {
  1693. collectDel(this.storeInfo.id).then(res => {
  1694. that.$set(that.storeInfo, 'userCollect', !that.storeInfo.userCollect);
  1695. return that.$util.Tips({
  1696. title: res.msg
  1697. });
  1698. });
  1699. } else {
  1700. collectAdd(this.storeInfo.id).then(res => {
  1701. that.$set(that.storeInfo, 'userCollect', !that.storeInfo.userCollect);
  1702. return that.$util.Tips({
  1703. title: res.msg
  1704. });
  1705. });
  1706. }
  1707. }
  1708. }),
  1709. /**
  1710. * 打开属性插件
  1711. */
  1712. selecAttr: Debounce(function() {
  1713. this.currentPage = false;
  1714. this.$set(this.attr, 'cartAttr', true);
  1715. this.$set(this, 'isOpen', true);
  1716. }),
  1717. /**
  1718. * 打开优惠券插件
  1719. */
  1720. couponTap: function() {
  1721. let that = this;
  1722. this.currentPage = false;
  1723. if (that.isLogin === false) {
  1724. toLogin();
  1725. } else {
  1726. that.getCouponList();
  1727. that.$set(that.coupon, 'coupon', true);
  1728. }
  1729. },
  1730. onMyEvent: function() {
  1731. this.$set(this.attr, 'cartAttr', false);
  1732. this.$set(this, 'isOpen', false);
  1733. },
  1734. myEnsure() {
  1735. this.$set(this.ensureInfo, 'show', false);
  1736. },
  1737. mySpecs() {
  1738. this.$set(this.specsInfo, 'show', false);
  1739. },
  1740. myDiscount() {
  1741. this.$set(this.discountInfo, 'show', false);
  1742. },
  1743. /**
  1744. * 打开属性加入购物车
  1745. *
  1746. */
  1747. joinCart: function(e) {
  1748. this.currentPage = false;
  1749. //是否登录
  1750. if (this.isLogin === false) {
  1751. toLogin();
  1752. } else {
  1753. this.goCat();
  1754. }
  1755. },
  1756. /*
  1757. * 加入购物车
  1758. */
  1759. goCat: function(news) {
  1760. let that = this,
  1761. productSelect = that.productValue[this.attrValue];
  1762. //打开属性
  1763. if (that.attrValue) {
  1764. //默认选中了属性,但是没有打开过属性弹窗还是自动打开让用户查看默认选中的属性
  1765. that.attr.cartAttr = !that.isOpen ? true : false;
  1766. } else {
  1767. if (that.isOpen) that.attr.cartAttr = true;
  1768. else that.attr.cartAttr = !that.attr.cartAttr;
  1769. }
  1770. //只有关闭属性弹窗时进行加入购物车
  1771. if (that.attr.cartAttr === true && that.isOpen === false) return (that.isOpen = true);
  1772. //如果有属性,没有选择,提示用户选择
  1773. if (that.attr.productAttr.length && productSelect === undefined && that.isOpen === true)
  1774. return that.$util.Tips({
  1775. title: '产品库存不足,请选择其它属性'
  1776. });
  1777. if (that.attr.productSelect.cart_num <= 0) {
  1778. that.attr.productSelect.cart_num = 1
  1779. that.isOpen = false
  1780. return that.$util.Tips({
  1781. title: '请先选择属性'
  1782. });
  1783. }
  1784. let q = {
  1785. cartNum: that.attr.productSelect.cart_num,
  1786. new: news === undefined ? 0 : 1,
  1787. uniqueId: that.attr.productSelect !== undefined ? that.attr.productSelect.unique : '',
  1788. store_id: this.store_id,
  1789. addressId: this.addressId,
  1790. delivery_type: this.delivery_type,
  1791. };
  1792. if (that.fromPage) {
  1793. q.productId = that.storeInfo.product_id;
  1794. q.newcomerId = that.id;
  1795. } else {
  1796. q.productId = that.id;
  1797. }
  1798. postCartAdd(q)
  1799. .then(function(res) {
  1800. that.isOpen = false;
  1801. that.attr.cartAttr = false;
  1802. if (news) {
  1803. uni.navigateTo({
  1804. url: '/pages/goods/order_confirm/index?new=1&cartId=' + res.data.cartId +
  1805. '&delivery_type=' + that.delivery_type + '&addressId=' + that
  1806. .addressId + '&store_id=' + that.store_id + '&store_name=' + that
  1807. .store_name + '&product_id=' + that.storeInfo.id
  1808. });
  1809. } else {
  1810. that.$util.Tips({
  1811. title: '添加购物车成功',
  1812. success: () => {
  1813. that.cartNum = res.data.cartNum;
  1814. that.getCartCount(true);
  1815. }
  1816. });
  1817. }
  1818. })
  1819. .catch(err => {
  1820. that.isOpen = false;
  1821. return that.$util.Tips({
  1822. title: err
  1823. });
  1824. });
  1825. },
  1826. /**
  1827. * 获取购物车数量
  1828. * @param boolean 是否展示购物车动画和重置属性
  1829. */
  1830. getCartCount: function(isAnima) {
  1831. let that = this;
  1832. const isLogin = that.isLogin;
  1833. if (isLogin) {
  1834. getCartCounts().then(res => {
  1835. that.CartCount = res.data.count;
  1836. this.$store.commit('indexData/setCartNum', that.CartCount > 99 ? '...' : that
  1837. .CartCount + '')
  1838. //加入购物车后重置属性
  1839. if (isAnima) {
  1840. that.animated = true;
  1841. setTimeout(function() {
  1842. that.animated = false;
  1843. }, 500);
  1844. }
  1845. });
  1846. }
  1847. },
  1848. /**
  1849. * 立即购买
  1850. */
  1851. goBuy: function(e) {
  1852. this.currentPage = false;
  1853. if (this.isLogin === false) {
  1854. toLogin();
  1855. } else {
  1856. this.goCat(true);
  1857. }
  1858. },
  1859. // 授权关闭
  1860. authColse: function(e) {
  1861. this.isShowAuth = e;
  1862. },
  1863. /**
  1864. * 分享打开
  1865. *
  1866. */
  1867. listenerActionSheet: function() {
  1868. this.currentPage = false
  1869. if (this.isLogin === false) {
  1870. toLogin();
  1871. } else {
  1872. // #ifdef H5
  1873. if (this.$wechat.isWeixin() === true) {
  1874. this.weixinStatus = true;
  1875. }
  1876. // #endif
  1877. this.posters = true;
  1878. this.goPoster();
  1879. }
  1880. },
  1881. // 分享关闭
  1882. listenerActionClose: function() {
  1883. this.posters = false;
  1884. },
  1885. //隐藏海报
  1886. posterImageClose: function() {
  1887. this.posterImageStatus = false;
  1888. this.posters = false;
  1889. },
  1890. //替换安全域名
  1891. setDomain: function(url) {
  1892. url = url ? url.toString() : '';
  1893. //本地调试打开,生产请注销
  1894. if (url.indexOf('https://') > -1) return url;
  1895. else return url.replace('http://', 'https://');
  1896. },
  1897. //获取海报产品图
  1898. downloadFilestoreImage: function() {
  1899. let that = this;
  1900. uni.downloadFile({
  1901. url: that.setDomain(that.storeInfo.image),
  1902. success: function(res) {
  1903. that.storeImage = res.tempFilePath;
  1904. that.base64Show = 1;
  1905. },
  1906. fail: function() {
  1907. return that.$util.Tips({
  1908. title: ''
  1909. });
  1910. that.storeImage = '';
  1911. }
  1912. });
  1913. },
  1914. /**
  1915. * 获取产品分销二维码
  1916. * @param function successFn 下载完成回调
  1917. *
  1918. */
  1919. downloadFilePromotionCode: function(successFn) {
  1920. let that = this;
  1921. getProductCode(that.id).then(res => {
  1922. uni.downloadFile({
  1923. url: that.setDomain(res.data.code),
  1924. success: function(res) {
  1925. that.$set(that, 'isDown', false);
  1926. if (typeof successFn == 'function') successFn && successFn(res
  1927. .tempFilePath);
  1928. else that.$set(that, 'PromotionCode', res.tempFilePath);
  1929. },
  1930. fail: function() {
  1931. that.$set(that, 'isDown', false);
  1932. that.$set(that, 'PromotionCode', '');
  1933. }
  1934. });
  1935. })
  1936. .catch(err => {
  1937. that.$set(that, 'isDown', false);
  1938. that.$set(that, 'PromotionCode', '');
  1939. });
  1940. },
  1941. getImageBase64: function(type) {
  1942. let that = this;
  1943. imageBase64(that.storeImage, that.followCode)
  1944. .then(res => {
  1945. that.storeImage = res.data.image;
  1946. if (type) {
  1947. that.PromotionCode = res.data.code;
  1948. }
  1949. that.base64Show = 1;
  1950. })
  1951. .catch(() => {});
  1952. },
  1953. // 小程序关闭分享弹窗;
  1954. // goFriend: function() {
  1955. // this.posters = false;
  1956. // },
  1957. /**
  1958. * 生成海报
  1959. */
  1960. goPoster: function() {
  1961. let that = this;
  1962. that.$set(that, 'canvasStatus', true);
  1963. let arr2 = [that.posterbackgd, that.storeImage, that.PromotionCode];
  1964. // #ifdef MP
  1965. if (that.PromotionCode == '' && !that.isDown) {
  1966. return that.$util.Tips({
  1967. title: '小程序二维码需要发布正式版后才能获取到'
  1968. }, function() {
  1969. that.posters = false;
  1970. });
  1971. }
  1972. if (that.isDown)
  1973. return that.$util.Tips({
  1974. title: '正在下载海报,请稍后再试!'
  1975. }, function() {
  1976. that.posters = false;
  1977. });
  1978. // #endif
  1979. uni.getImageInfo({
  1980. src: that.PromotionCode,
  1981. fail: function(res) {
  1982. // #ifdef H5 || APP-PLUS
  1983. return that.$util.Tips({
  1984. title: res.errMsg
  1985. });
  1986. // #endif
  1987. // #ifdef MP
  1988. return that.$util.Tips({
  1989. title: '小程序二维码需要发布正式版后才能获取到'
  1990. });
  1991. // #endif
  1992. },
  1993. success() {
  1994. if (arr2[2] == '') {
  1995. //海报二维码不存在则从新下载
  1996. that.downloadFilePromotionCode(function(msgPromotionCode) {
  1997. arr2[2] = msgPromotionCode;
  1998. if (arr2[2] == '')
  1999. return that.$util.Tips({
  2000. title: '海报二维码生成失败!'
  2001. });
  2002. that.$nextTick(function() {
  2003. that.$util.PosterCanvas(that.fontColor, that.themeColor,
  2004. that.siteName,
  2005. arr2, that.storeInfo.store_name, that.storeInfo
  2006. .price, that.storeInfo.ot_price,
  2007. function(tempFilePath) {
  2008. that.$set(that, 'posterImage', tempFilePath);
  2009. that.$set(that, 'posterImageStatus', true);
  2010. that.$set(that, 'canvasStatus', false);
  2011. that.$set(that, 'actionSheetHidden', !that
  2012. .actionSheetHidden);
  2013. });
  2014. })
  2015. });
  2016. // // #ifdef H5
  2017. // that.$util.PosterCanvas(arr2, that.storeInfo.store_name, that.storeInfo.price, function(tempFilePath) {
  2018. // that.$set(that, 'posterImage', tempFilePath);
  2019. // that.$set(that, 'posterImageStatus', true);
  2020. // that.$set(that, 'canvasStatus', false);
  2021. // that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
  2022. // });
  2023. // // #endif
  2024. } else {
  2025. //生成推广海报
  2026. that.$nextTick(function() {
  2027. that.$util.PosterCanvas(that.fontColor, that.themeColor, that.siteName,
  2028. arr2, that
  2029. .storeInfo.store_name, that.storeInfo.price, that
  2030. .storeInfo.ot_price,
  2031. function(tempFilePath) {
  2032. that.$set(that, 'posterImage', tempFilePath);
  2033. that.$set(that, 'posterImageStatus', true);
  2034. that.$set(that, 'canvasStatus', false);
  2035. that.$set(that, 'actionSheetHidden', !that
  2036. .actionSheetHidden);
  2037. });
  2038. })
  2039. }
  2040. }
  2041. });
  2042. },
  2043. /*
  2044. * 保存到手机相册
  2045. */
  2046. // #ifdef MP
  2047. copyCommand: function() {
  2048. if (wx.navigateToMiniProgram) {
  2049. wx.navigateToMiniProgram({
  2050. appId: 'wxb036cafe2994d7d0',
  2051. path: '/publish/ugc-publish/ugc-publish',
  2052. extraData: {
  2053. productInfo: {
  2054. title: this.storeInfo.store_name,
  2055. path: '/pages/goods_details/index?id=' + this.storeInfo.id,
  2056. thumbUrl: this.storeInfo.image
  2057. }
  2058. }
  2059. });
  2060. }
  2061. },
  2062. savePosterPath: function() {
  2063. let that = this;
  2064. uni.getSetting({
  2065. success(res) {
  2066. if (!res.authSetting['scope.writePhotosAlbum']) {
  2067. uni.authorize({
  2068. scope: 'scope.writePhotosAlbum',
  2069. success() {
  2070. uni.saveImageToPhotosAlbum({
  2071. filePath: that.posterImage,
  2072. success: function(res) {
  2073. that.posterImageClose();
  2074. that.$util.Tips({
  2075. title: '保存成功',
  2076. icon: 'success'
  2077. });
  2078. },
  2079. fail: function(res) {
  2080. that.$util.Tips({
  2081. title: '保存失败'
  2082. });
  2083. }
  2084. });
  2085. }
  2086. });
  2087. } else {
  2088. uni.saveImageToPhotosAlbum({
  2089. filePath: that.posterImage,
  2090. success: function(res) {
  2091. that.posterImageClose();
  2092. that.$util.Tips({
  2093. title: '保存成功',
  2094. icon: 'success'
  2095. });
  2096. },
  2097. fail: function(res) {
  2098. that.$util.Tips({
  2099. title: '保存失败'
  2100. });
  2101. }
  2102. });
  2103. }
  2104. }
  2105. });
  2106. },
  2107. // #endif
  2108. //#ifdef APP-PLUS
  2109. savePosterPath() {
  2110. let that = this
  2111. uni.saveImageToPhotosAlbum({
  2112. filePath: that.posterImage,
  2113. success: function(res) {
  2114. that.posterImageClose();
  2115. that.$util.Tips({
  2116. title: '保存成功',
  2117. icon: 'success'
  2118. });
  2119. },
  2120. fail: function(res) {
  2121. that.$util.Tips({
  2122. title: '保存失败'
  2123. });
  2124. }
  2125. });
  2126. },
  2127. // #endif
  2128. //#ifdef H5
  2129. ShareInfo() {
  2130. let data = this.storeInfo;
  2131. let href = location.href;
  2132. if (this.$wechat.isWeixin()) {
  2133. getUserInfo().then(res => {
  2134. href = href.indexOf('?') === -1 ? href + '?spread=' + res.data.uid : href + '&spread=' +
  2135. res.data.uid;
  2136. let configAppMessage = {
  2137. desc: data.store_info,
  2138. title: data.store_name,
  2139. link: href,
  2140. imgUrl: data.image
  2141. };
  2142. this.$wechat
  2143. .wechatEvevt(['updateAppMessageShareData', 'updateTimelineShareData',
  2144. 'onMenuShareAppMessage',
  2145. 'onMenuShareTimeline'
  2146. ], configAppMessage)
  2147. .then(res => {})
  2148. .catch(err => {});
  2149. });
  2150. }
  2151. },
  2152. //#endif
  2153. tabCouponType: function(type) {
  2154. this.$set(this.coupon, 'type', type);
  2155. this.getCouponList(type);
  2156. },
  2157. goDiscounts() {
  2158. uni.navigateTo({
  2159. url: '/pages/goods_details/discountsGoodsList?id=' + this.id
  2160. })
  2161. },
  2162. }
  2163. };
  2164. </script>
  2165. <style lang="scss">
  2166. /deep/uni-video {
  2167. width: 100% !important;
  2168. }
  2169. /deep/video {
  2170. width: 100% !important;
  2171. }
  2172. /deep/.userEvaluation .evaluateWtapper .evaluateItem {
  2173. margin: 0 !important;
  2174. }
  2175. .product-con .wrapper .label .item {
  2176. width: 210rpx;
  2177. &~.item {
  2178. margin-left: 18rpx;
  2179. }
  2180. &.sales {
  2181. text-align: right;
  2182. }
  2183. &.stock {
  2184. text-align: center;
  2185. }
  2186. }
  2187. .product-con .wrapper .introduce .infor {
  2188. width: 570rpx;
  2189. padding-top: 30rpx;
  2190. }
  2191. .product-con .wrapper .introduce .iconfont {
  2192. font-size: 37rpx;
  2193. color: #515151;
  2194. padding-top: 30rpx;
  2195. }
  2196. .discount .white .timeItem {
  2197. font-size: 20rpx;
  2198. color: #fff;
  2199. position: absolute;
  2200. top: -6rpx;
  2201. right: 0rpx;
  2202. }
  2203. .discount .white /deep/.time .styleAll {
  2204. padding: 0 6rpx;
  2205. font-size: 22rpx;
  2206. color: var(--view-theme);
  2207. background-color: #fff;
  2208. border-radius: 6rpx
  2209. }
  2210. .discount .white /deep/.time .red {
  2211. color: #fff !important;
  2212. }
  2213. .discount {
  2214. background-color: var(--view-theme);
  2215. width: 100%;
  2216. height: 148rpx;
  2217. .white {
  2218. background: url(../activity/static/discount.png) no-repeat;
  2219. background-size: 100% 100%;
  2220. width: 710rpx;
  2221. height: 116rpx;
  2222. color: var(--view-theme);
  2223. font-size: 20rpx;
  2224. padding: 6rpx 14rpx;
  2225. position: relative;
  2226. .icon-jinru3 {
  2227. position: absolute;
  2228. right: 10rpx;
  2229. bottom: 18rpx;
  2230. font-size: 22rpx;
  2231. padding: 8rpx;
  2232. }
  2233. .right {
  2234. margin-left: 40rpx;
  2235. .num {
  2236. font-size: 24rpx;
  2237. margin-top: 2rpx;
  2238. }
  2239. }
  2240. .y_money {
  2241. margin: 0 40rpx;
  2242. .num {
  2243. font-size: 24rpx;
  2244. margin-top: 2rpx;
  2245. }
  2246. }
  2247. .left {
  2248. min-width: 235rpx;
  2249. .iconfont {
  2250. font-size: 26rpx;
  2251. }
  2252. .money {
  2253. font-size: 28rpx;
  2254. font-weight: 600;
  2255. margin-top: 5rpx;
  2256. .num {
  2257. font-size: 48rpx;
  2258. }
  2259. }
  2260. }
  2261. }
  2262. }
  2263. .presell_count {
  2264. font-size: 26rpx;
  2265. color: #999999;
  2266. padding: 20rpx 30rpx 20rpx 30rpx;
  2267. .presell_time {
  2268. margin: 8rpx 0 4rpx;
  2269. .area_line {
  2270. display: inline-block;
  2271. margin: 0 6rpx;
  2272. }
  2273. }
  2274. .icon-shijian1 {
  2275. display: inline-block;
  2276. margin-right: 4rpx;
  2277. font-size: 28rpx;
  2278. }
  2279. }
  2280. .store {
  2281. background-color: #fff;
  2282. margin: 20rpx 20rpx 0 20rpx;
  2283. border-radius: 12rpx;
  2284. .title {
  2285. height: 80rpx;
  2286. width: 100%;
  2287. font-size: 28rpx;
  2288. color: #333;
  2289. padding: 0 20rpx;
  2290. .icon-jinru2 {
  2291. color: #7a7a7a;
  2292. font-size: 28rpx;
  2293. }
  2294. }
  2295. }
  2296. .activity_pin {
  2297. width: auto;
  2298. height: 44rpx;
  2299. line-height: 44rpx;
  2300. // background: linear-gradient(90deg, rgba(233, 51, 35, 1) 0%, rgba(250, 101, 20, 1) 100%);
  2301. background-color: var(--view-theme);
  2302. opacity: 1;
  2303. border-radius: 22rpx;
  2304. padding: 0 15rpx;
  2305. margin-left: 19rpx;
  2306. }
  2307. .activity_miao {
  2308. width: auto;
  2309. height: 44rpx;
  2310. line-height: 44rpx;
  2311. padding: 0 15rpx;
  2312. // background: linear-gradient(90deg, rgba(250, 102, 24, 1) 0%, rgba(254, 161, 15, 1) 100%);
  2313. background-color: var(--view-theme);
  2314. opacity: 1;
  2315. border-radius: 22rpx;
  2316. margin-left: 19rpx;
  2317. }
  2318. .iconfonts {
  2319. color: #fff !important;
  2320. font-size: 28rpx;
  2321. }
  2322. .activity_title {
  2323. font-size: 24rpx;
  2324. color: #fff;
  2325. }
  2326. .activity_kan {
  2327. width: auto;
  2328. height: 44rpx;
  2329. line-height: 44rpx;
  2330. padding: 0 15rpx;
  2331. // background: linear-gradient(90deg, rgba(254, 159, 15, 1) 0%, rgba(254, 178, 15, 1) 100%);
  2332. background-color: var(--view-theme);
  2333. opacity: 1;
  2334. border-radius: 22rpx;
  2335. margin-left: 19rpx;
  2336. }
  2337. .mask {
  2338. z-index: 300 !important;
  2339. }
  2340. .head-bar {
  2341. background: #fff;
  2342. }
  2343. .generate-posters {
  2344. width: 100%;
  2345. height: 318rpx;
  2346. background-color: #fff;
  2347. position: fixed;
  2348. left: 0;
  2349. bottom: 0;
  2350. z-index: 388;
  2351. transform: translate3d(0, 100%, 0);
  2352. transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  2353. border-top: 1rpx solid #eee;
  2354. border-radius: 20rpx 20rpx 0 0;
  2355. .generateCon {
  2356. height: 220rpx;
  2357. }
  2358. .generateClose {
  2359. height: 98rpx;
  2360. font-size: 24rpx;
  2361. color: #333333;
  2362. border-top: 1px solid #eee;
  2363. }
  2364. .item {
  2365. .pictrue {
  2366. width: 86rpx;
  2367. height: 86rpx;
  2368. border-radius: 50%;
  2369. margin: 0 auto 12rpx auto;
  2370. image {
  2371. width: 100%;
  2372. height: 100%;
  2373. border-radius: 50%;
  2374. }
  2375. }
  2376. }
  2377. }
  2378. .generate-posters.on {
  2379. transform: translate3d(0, 0, 0);
  2380. }
  2381. .generate-posters .item {
  2382. flex: 1;
  2383. text-align: center;
  2384. font-size: 24rpx;
  2385. }
  2386. .generate-posters .item .icon-pengyouquan {
  2387. font-size: 104rpx;
  2388. color: #5eae72;
  2389. }
  2390. .generate-posters .item .iconfont.icon-haibao {
  2391. color: #5391f1;
  2392. }
  2393. .generate-posters .item .iconfont.icon-haowuquan1 {
  2394. color: #ff954d;
  2395. }
  2396. .product-con .footer {
  2397. padding: 0 20rpx 0 30rpx;
  2398. position: fixed;
  2399. bottom: 0;
  2400. width: 100%;
  2401. box-sizing: border-box;
  2402. background-color: #fff;
  2403. z-index: 277;
  2404. border-top: 1px solid #f0f0f0;
  2405. height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  2406. height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
  2407. padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
  2408. padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
  2409. }
  2410. .product-con .footer .item {
  2411. font-size: 18rpx;
  2412. color: #666;
  2413. }
  2414. .product-con .footer .item .iconfont {
  2415. text-align: center;
  2416. font-size: 40rpx;
  2417. }
  2418. .product-con .footer .item .iconfont.icon-shoucang1 {
  2419. color: var(--view-theme);
  2420. }
  2421. .product-con .footer .item .iconfont.icon-gouwuche1 {
  2422. font-size: 40rpx;
  2423. position: relative;
  2424. }
  2425. .product-con .footer .item .iconfont.icon-gouwuche1 .num {
  2426. color: #fff;
  2427. position: absolute;
  2428. font-size: 18rpx;
  2429. padding: 2rpx 10rpx 3rpx;
  2430. border-radius: 200rpx;
  2431. top: -10rpx;
  2432. right: -10rpx;
  2433. }
  2434. .product-con .footer .bnt {
  2435. width: 444rpx;
  2436. height: 76rpx;
  2437. }
  2438. .product-con .footer .bnt .bnts {
  2439. width: 222rpx;
  2440. text-align: center;
  2441. line-height: 76rpx;
  2442. color: #fff;
  2443. font-size: 28rpx;
  2444. }
  2445. .product-con .footer .bnt .joinCart {
  2446. border-radius: 50rpx 0 0 50rpx;
  2447. background-color: var(--view-bntColor);
  2448. // background-image: linear-gradient(to right, #fea10f 0%, #fa8013 100%);
  2449. }
  2450. .product-con .footer .bnt .buy {
  2451. border-radius: 0 50rpx 50rpx 0;
  2452. background-color: var(--view-theme);
  2453. // background-image: linear-gradient(to right, #fa6514 0%, #e93323 100%);
  2454. }
  2455. .product-con .footer .bnt.fictitious .bnts {
  2456. width: 100%;
  2457. }
  2458. .product-con .footer .bnt.fictitious .buy {
  2459. border-radius: 50rpx;
  2460. }
  2461. .product-con .store-info {
  2462. margin-top: 20rpx;
  2463. background-color: #fff;
  2464. }
  2465. .product-con .store-info .title {
  2466. padding: 0 30rpx;
  2467. font-size: 28rpx;
  2468. color: #282828;
  2469. height: 80rpx;
  2470. line-height: 80rpx;
  2471. border-bottom: 1px solid #f5f5f5;
  2472. }
  2473. .product-con .store-info .info {
  2474. padding: 0 30rpx;
  2475. height: 126rpx;
  2476. }
  2477. .product-con .store-info .info .picTxt {
  2478. width: 615rpx;
  2479. }
  2480. .product-con .store-info .info .picTxt .pictrue {
  2481. width: 76rpx;
  2482. height: 76rpx;
  2483. }
  2484. .product-con .store-info .info .picTxt .pictrue image {
  2485. width: 100%;
  2486. height: 100%;
  2487. border-radius: 6rpx;
  2488. }
  2489. .product-con .store-info .info .picTxt .text {
  2490. width: 522rpx;
  2491. }
  2492. .product-con .store-info .info .picTxt .text .name {
  2493. font-size: 30rpx;
  2494. color: #282828;
  2495. }
  2496. .product-con .store-info .info .picTxt .text .address {
  2497. font-size: 24rpx;
  2498. color: #666;
  2499. margin-top: 3rpx;
  2500. }
  2501. .product-con .store-info .info .picTxt .text .address .iconfont {
  2502. color: #707070;
  2503. font-size: 18rpx;
  2504. margin-left: 10rpx;
  2505. }
  2506. .product-con .store-info .info .picTxt .text .address .addressTxt {
  2507. max-width: 480rpx;
  2508. }
  2509. .product-con .store-info .info .iconfont {
  2510. font-size: 40rpx;
  2511. }
  2512. .product-con .superior {
  2513. background-color: #fff;
  2514. padding-bottom: 10rpx;
  2515. margin: 20rpx 20rpx 0 20rpx;
  2516. border-radius: 12rpx;
  2517. }
  2518. .product-con .superior .title {
  2519. height: 98rpx;
  2520. }
  2521. .product-con .superior .title .lingw {
  2522. width: 23rpx;
  2523. height: 23rpx;
  2524. background-color: var(--view-minorColorT);
  2525. transform: rotate(45deg);
  2526. }
  2527. .product-con .superior .title .lingn {
  2528. width: 11rpx;
  2529. height: 11rpx;
  2530. background-color: var(--view-theme);
  2531. }
  2532. .product-con .superior .title image {
  2533. width: 30rpx;
  2534. height: 30rpx;
  2535. }
  2536. .product-con .superior .title .titleTxt {
  2537. margin: 0 20rpx;
  2538. font-size: 30rpx;
  2539. color: var(--view-theme);
  2540. // background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%);
  2541. // -webkit-background-clip: text;
  2542. // -webkit-text-fill-color: transparent;
  2543. }
  2544. .product-con .superior .slider-banner {
  2545. width: 676rpx;
  2546. margin: 0 auto;
  2547. position: relative;
  2548. }
  2549. .product-con .superior .slider-banner swiper {
  2550. height: 100%;
  2551. width: 100%;
  2552. }
  2553. .product-con .superior .slider-banner swiper-item {
  2554. height: 100%;
  2555. }
  2556. .product-con .superior .slider-banner .list {
  2557. width: 100%;
  2558. }
  2559. .product-con .superior .slider-banner .list .item {
  2560. width: 198rpx;
  2561. margin: 0 38rpx 30rpx 0;
  2562. font-size: 26rpx;
  2563. }
  2564. .product-con .superior .slider-banner .list .item:nth-of-type(3n) {
  2565. margin-right: 0;
  2566. }
  2567. .product-con .superior .slider-banner .list .item .pictrue {
  2568. position: relative;
  2569. width: 100%;
  2570. height: 198rpx;
  2571. border-radius: 20rpx;
  2572. }
  2573. .product-con .superior .slider-banner .list .item .pictrue image {
  2574. width: 100%;
  2575. height: 100%;
  2576. border-radius: 20rpx;
  2577. }
  2578. .product-con .superior .slider-banner .list .item .name {
  2579. color: #282828;
  2580. margin-top: 12rpx;
  2581. }
  2582. .product-con .superior .slider-banner .swiper-pagination-bullet {
  2583. background-color: #999;
  2584. }
  2585. .product-con .superior .slider-banner .swiper-pagination-bullet-active {
  2586. background-color: #e93323;
  2587. }
  2588. button {
  2589. padding: 0;
  2590. margin: 0;
  2591. line-height: normal;
  2592. background-color: #fff;
  2593. }
  2594. button::after {
  2595. border: 0;
  2596. }
  2597. action-sheet-item {
  2598. padding: 0;
  2599. height: 240rpx;
  2600. align-items: center;
  2601. display: flex;
  2602. }
  2603. .contact {
  2604. font-size: 16px;
  2605. width: 50%;
  2606. background-color: #fff;
  2607. padding: 8rpx 0;
  2608. border-radius: 0;
  2609. margin: 0;
  2610. line-height: 2;
  2611. }
  2612. .contact::after {
  2613. border: none;
  2614. }
  2615. .action-sheet {
  2616. font-size: 17px;
  2617. line-height: 1.8;
  2618. width: 50%;
  2619. position: absolute;
  2620. top: 0;
  2621. right: 0;
  2622. padding: 25rpx 0;
  2623. }
  2624. .canvas {
  2625. z-index: 300;
  2626. width: 750px;
  2627. height: 1300px;
  2628. }
  2629. .poster-pop {
  2630. width: 460rpx;
  2631. height: 800rpx;
  2632. position: fixed;
  2633. left: 50%;
  2634. transform: translateX(-50%);
  2635. z-index: 399;
  2636. top: 50%;
  2637. margin-top: -559rpx;
  2638. }
  2639. .poster-pop image {
  2640. width: 100%;
  2641. height: 100%;
  2642. display: block;
  2643. border-radius: 18rpx;
  2644. }
  2645. .poster-pop .close {
  2646. width: 46rpx;
  2647. height: 75rpx;
  2648. position: fixed;
  2649. right: 0;
  2650. top: -73rpx;
  2651. display: block;
  2652. }
  2653. .poster-pop .save-poster {
  2654. background-color: #df2d0a;
  2655. font-size: :22rpx;
  2656. color: #fff;
  2657. text-align: center;
  2658. height: 76rpx;
  2659. line-height: 76rpx;
  2660. width: 100%;
  2661. }
  2662. .poster-pop .keep {
  2663. color: #fff;
  2664. text-align: center;
  2665. font-size: 25rpx;
  2666. margin-top: 10rpx;
  2667. }
  2668. .mask {
  2669. position: fixed;
  2670. top: 0;
  2671. left: 0;
  2672. right: 0;
  2673. bottom: 0;
  2674. background-color: rgba(0, 0, 0, 0.6);
  2675. z-index: 9;
  2676. }
  2677. .pro-wrapper .iconn {
  2678. background-image: url('data:image/png;base64,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');
  2679. width: 100rpx;
  2680. height: 100rpx;
  2681. background-repeat: no-repeat;
  2682. background-size: 100% 100%;
  2683. margin: 0 auto;
  2684. }
  2685. .pro-wrapper .iconn.iconn1 {
  2686. background-image: url('data:image/png;base64,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');
  2687. }
  2688. .navbar .header {
  2689. height: 96rpx;
  2690. font-size: 30rpx;
  2691. color: #050505;
  2692. background-color: #fff;
  2693. /* #ifdef APP-PLUS */
  2694. width: 100%;
  2695. /* #endif */
  2696. }
  2697. .home {
  2698. /* #ifdef H5 */
  2699. top: 20rpx !important;
  2700. /* #endif */
  2701. }
  2702. .navbar .header .item {
  2703. position: relative;
  2704. margin: 0 25rpx;
  2705. }
  2706. .navbar .header .item.on:before {
  2707. position: absolute;
  2708. width: 60rpx;
  2709. height: 5rpx;
  2710. background-repeat: no-repeat;
  2711. content: '';
  2712. // background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%);
  2713. background-color: var(--view-theme);
  2714. bottom: -10rpx;
  2715. left: 50%;
  2716. margin-left: -28rpx;
  2717. }
  2718. .navbar {
  2719. position: fixed;
  2720. background-color: #fff;
  2721. top: 0;
  2722. left: 0;
  2723. z-index: 99;
  2724. width: 100%;
  2725. }
  2726. .navbar .navbarH {
  2727. position: relative;
  2728. }
  2729. .navbar .navbarH .navbarCon {
  2730. position: absolute;
  2731. bottom: 0;
  2732. height: 100rpx;
  2733. width: 100%;
  2734. /* #ifndef APP-PLUS || H5 || MP-ALIPAY */
  2735. // justify-content: flex-end;
  2736. padding-left: 48px;
  2737. /* #endif */
  2738. }
  2739. .home {
  2740. color: #333;
  2741. position: fixed;
  2742. /* #ifdef MP */
  2743. width: 126rpx;
  2744. left: 15rpx;
  2745. /* #endif */
  2746. /* #ifndef MP */
  2747. width: 56rpx;
  2748. left: 33rpx;
  2749. /* #endif */
  2750. height: 56rpx;
  2751. z-index: 99;
  2752. background: rgba(255, 255, 255, 0.3);
  2753. border: 1px solid rgba(0, 0, 0, 0.1);
  2754. border-radius: 40rpx;
  2755. font-size: 33rpx;
  2756. &.right {
  2757. right: 33rpx;
  2758. left: unset
  2759. }
  2760. &.on {
  2761. background: unset;
  2762. color: #333;
  2763. }
  2764. &.homeIndex {
  2765. /* #ifdef MP */
  2766. width: 98rpx;
  2767. /* #endif */
  2768. /* #ifndef MP */
  2769. border-color: rgba(255, 255, 255, 0);
  2770. /* #endif */
  2771. }
  2772. }
  2773. .home .iconfont {
  2774. width: 58rpx;
  2775. text-align: center;
  2776. }
  2777. .home .line {
  2778. width: 1rpx;
  2779. height: 34rpx;
  2780. background: #B3B3B3;
  2781. }
  2782. .home .icon-xiangzuo {
  2783. font-size: 28rpx;
  2784. }
  2785. .share-box {
  2786. z-index: 1000;
  2787. position: fixed;
  2788. left: 0;
  2789. top: 0;
  2790. width: 100%;
  2791. height: 100%;
  2792. image {
  2793. width: 100%;
  2794. height: 100%;
  2795. }
  2796. }
  2797. .product-con .conter {
  2798. display: block;
  2799. padding-bottom: 100rpx;
  2800. }
  2801. .product-con .conter img {
  2802. display: block;
  2803. }
  2804. .svipCon {
  2805. height: 64rpx;
  2806. padding: 0 26rpx 0 60rpx;
  2807. margin: 8rpx 20rpx 0;
  2808. background: url('data:image/png;base64,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') center/100% 100% no-repeat;
  2809. font-size: 24rpx;
  2810. color: #ae5a2a;
  2811. }
  2812. .svipCon .iconfont {
  2813. margin-left: 12rpx;
  2814. font-size: 24rpx;
  2815. }
  2816. .product-con .wrapper .share .money image {
  2817. width: 56rpx;
  2818. height: 20rpx;
  2819. }
  2820. </style>