index.vue 128 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955
  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. const diyDetail = await this.getdiyProduct()
  758. }
  759. this.diyProduct = JSON.parse(uni.getStorageSync('diyProduct'))
  760. console.log(this.diyProduct, 'this.diyProduct')
  761. this.diyProduct.price_type = this.diyProduct.price_type + ''
  762. console.log(this.diyProduct.price_type, 'this.diyProduct.price_type')
  763. let that = this;
  764. var pages = getCurrentPages();
  765. that.returnShow = pages.length === 1 ? false : true;
  766. // #ifdef MP
  767. that.navH = app.globalData.navHeight;
  768. // #endif
  769. // #ifndef MP
  770. that.navH = 96;
  771. // #endif
  772. that.id = options.id;
  773. that.isShow = options.isShow;
  774. that.promotions_type = options.promotions_type || 0;
  775. that.fromType = options.fromType;
  776. that.fromPage = options.fromPage;
  777. uni.getSystemInfo({
  778. success: function(res) {
  779. that.height = res.windowHeight;
  780. //res.windowHeight:获取整个窗口高度为px,*2为rpx;98为头部占据的高度;
  781. // #ifndef APP-PLUS || H5 || MP-ALIPAY
  782. that.navbarRight = res.windowWidth - uni.getMenuButtonBoundingClientRect().left;
  783. // #endif
  784. }
  785. });
  786. //扫码携带参数处理
  787. // #ifdef MP
  788. if (options.scene) {
  789. let value = that.$util.getUrlParams(decodeURIComponent(options.scene));
  790. if (value.id) options.id = value.id;
  791. //记录推广人uid
  792. if (value.pid) app.globalData.spid = value.pid;
  793. }
  794. if (!options.id) {
  795. this.showSkeleton = false;
  796. return that.$util.Tips({
  797. title: '缺少参数无法查看商品'
  798. }, {
  799. tab: 3,
  800. url: 1
  801. });
  802. } else {
  803. that.id = options.id;
  804. }
  805. if (that.isLogin && options.id) {
  806. that.downloadFilePromotionCode();
  807. }
  808. // #endif
  809. //记录推广人uid
  810. if (options.pid) app.globalData.spid = options.pid;
  811. that.getGoodsDetails();
  812. // that.getCouponList(0);
  813. // #ifdef H5
  814. that.isLogin && silenceBindingSpread();
  815. // #endif
  816. this.colorData();
  817. let color = [{
  818. themeColor: '#1DB0FC',
  819. fontColor: '#FD502F'
  820. },
  821. {
  822. themeColor: '#42CA4D',
  823. fontColor: '#FF7600'
  824. },
  825. {
  826. themeColor: '#e93323',
  827. fontColor: '#e93323'
  828. },
  829. {
  830. themeColor: '#FF448F',
  831. fontColor: '#FF448F'
  832. },
  833. {
  834. themeColor: '#FE5C2D',
  835. fontColor: '#FE5C2D'
  836. }
  837. ];
  838. setTimeout(() => {
  839. switch (this.colorNum) {
  840. case 1:
  841. this.themeColor = color[0].themeColor;
  842. this.fontColor = color[0].fontColor;
  843. break;
  844. case 2:
  845. this.themeColor = color[1].themeColor;
  846. this.fontColor = color[1].fontColor;
  847. break;
  848. case 3:
  849. this.themeColor = color[2].themeColor;
  850. this.fontColor = color[2].fontColor;
  851. break;
  852. case 4:
  853. this.themeColor = color[3].themeColor;
  854. this.fontColor = color[3].fontColor;
  855. break;
  856. case 5:
  857. this.themeColor = color[4].themeColor;
  858. this.fontColor = color[4].fontColor;
  859. break;
  860. default:
  861. this.themeColor = color[2].themeColor;
  862. this.fontColor = color[2].fontColor;
  863. break
  864. }
  865. }, 1)
  866. },
  867. onReady: function() {
  868. this.isNodes++;
  869. // #ifdef H5
  870. this.codeVal = window.location.origin + '/pages/goods_details/index?id=' + this.id +
  871. '&pid=' + this.$store.state.app.uid
  872. // #endif
  873. // #ifdef APP-PLUS
  874. this.codeVal = HTTP_REQUEST_URL + '/pages/goods_details/index?id=' + this.id +
  875. '&pid=' + this.$store.state.app.uid
  876. // #endif
  877. this.$nextTick(function() {
  878. // #ifdef MP
  879. const menuButton = uni.getMenuButtonBoundingClientRect();
  880. const query = uni.createSelectorQuery().in(this);
  881. query
  882. .select('#home')
  883. .boundingClientRect(data => {
  884. this.homeTop = menuButton.top * 2 + menuButton.height - data.height;
  885. })
  886. .exec();
  887. // wx.showShareMenu({
  888. // withShareTicket:true,
  889. // //设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击
  890. // menus:["shareAppMessage","shareTimeline"]
  891. // })
  892. // #endif
  893. // #ifdef H5
  894. const clipboard = new ClipboardJS('.copy-data');
  895. clipboard.on('success', () => {
  896. this.$util.Tips({
  897. title: '复制成功'
  898. });
  899. });
  900. // #endif
  901. });
  902. },
  903. onShow() {
  904. uni.removeStorageSync('form_type_cart');
  905. },
  906. /**
  907. * 用户点击右上角分享
  908. */
  909. // #ifdef MP
  910. onShareAppMessage: function() {
  911. let that = this;
  912. that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
  913. userShare();
  914. return {
  915. title: that.storeInfo.store_name || '',
  916. imageUrl: that.storeInfo.image || '',
  917. path: '/pages/goods_details/index?id=' + that.id + '&pid=' + that.uid
  918. };
  919. },
  920. onShareTimeline() {
  921. let that = this;
  922. that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
  923. userShare();
  924. return {
  925. title: that.storeInfo.store_name || '',
  926. imageUrl: that.storeInfo.image || '',
  927. path: '/pages/goods_details/index?id=' + that.id + '&pid=' + that.uid
  928. };
  929. },
  930. // #endif
  931. methods: {
  932. // div商品详情 用于处理bug
  933. getdiyProduct() {
  934. diyProduct().then(res => {
  935. // console.log(JSON.stringify(res.data.product_detail))
  936. uni.setStorageSync('diyProduct', JSON.stringify(res.data.product_detail));
  937. Promise.resolve(res.data.product_detail)
  938. })
  939. },
  940. // 获取配送方式
  941. deliveryFun(e) {
  942. this.delivery_type = e;
  943. },
  944. // 获取配送地址id
  945. onAddressId(row) {
  946. this.addressId = row.id
  947. },
  948. // 获取自提地址id
  949. onstoreId(row) {
  950. this.store_id = row.id;
  951. this.store_name = row.name;
  952. },
  953. getStoreList(len) {
  954. this.storeLen = len;
  955. },
  956. seeEnsure() {
  957. this.ensureInfo.show = true;
  958. },
  959. seeSpecs() {
  960. this.specsInfo.show = true;
  961. },
  962. seeDiscount() {
  963. this.discountInfo.show = true;
  964. },
  965. moreNav() {
  966. this.currentPage = !this.currentPage
  967. },
  968. //点击sku图片打开轮播图
  969. showImg(index) {
  970. this.$refs.cusPreviewImg.open(this.selectSku.suk)
  971. },
  972. //滑动轮播图选择商品
  973. changeSwitch(e) {
  974. let productSelect = this.skuArr[e];
  975. this.$set(this, 'selectSku', productSelect);
  976. var skuList = productSelect.suk.split(',');
  977. skuList.forEach((i, index) => {
  978. this.$set(this.attr.productAttr[index], 'index', skuList[index]);
  979. })
  980. if (productSelect) {
  981. this.$set(this.attr.productSelect, 'image', productSelect.image);
  982. this.$set(this.attr.productSelect, 'price', productSelect.price);
  983. this.$set(this.attr.productSelect, 'stock', productSelect.stock);
  984. this.$set(this.attr.productSelect, 'unique', productSelect.unique);
  985. this.$set(this.attr.productSelect, 'cart_num', 1);
  986. this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
  987. this.$set(this, 'attrValue', productSelect.suk);
  988. this.$set(this, 'attrTxt', '已选择');
  989. }
  990. },
  991. qrR(res) {
  992. // #ifdef H5
  993. if (!this.$wechat.isWeixin() || this.shareQrcode != '1') {
  994. this.PromotionCode = res;
  995. this.followCode = ''
  996. }
  997. // #endif
  998. // #ifdef APP-PLUS
  999. this.PromotionCode = res;
  1000. // #endif
  1001. },
  1002. boxStatus(data) {
  1003. this.showAnimate = data
  1004. },
  1005. followWX() {
  1006. getProductCode(this.id).then(res => {
  1007. this.followCode = res.data.code
  1008. this.getImageBase64(1);
  1009. }).catch(err => {
  1010. this.$util.Tips({
  1011. title: err
  1012. });
  1013. })
  1014. },
  1015. // 图片预览;
  1016. getpreviewImage: function() {
  1017. if (this.posterImage) {
  1018. let photoList = [];
  1019. photoList.push(this.posterImage)
  1020. uni.previewImage({
  1021. urls: photoList,
  1022. current: this.posterImage
  1023. });
  1024. } else {
  1025. this.$util.Tips({
  1026. title: '您的海报尚未生成'
  1027. });
  1028. }
  1029. },
  1030. /*
  1031. * 跳转门店列表
  1032. */
  1033. showStoreList: function() {
  1034. uni.navigateTo({
  1035. url: '/pages/goods/goods_details_store/index'
  1036. })
  1037. },
  1038. videoPause() {
  1039. this.$nextTick(() => {
  1040. that.infoScroll();
  1041. })
  1042. },
  1043. // app分享
  1044. // #ifdef APP-PLUS
  1045. appShare(scene) {
  1046. let that = this
  1047. let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
  1048. let curRoute = routes[routes.length - 1].$page.fullPath // 获取当前页面路由,也就是最后一个打开的页面路由
  1049. uni.share({
  1050. provider: "weixin",
  1051. scene: scene,
  1052. type: 0,
  1053. href: `${HTTP_REQUEST_URL}${curRoute}&spread=${that.uid}`,
  1054. title: that.storeInfo.store_name,
  1055. summary: that.storeInfo.store_info,
  1056. imageUrl: that.storeInfo.small_image,
  1057. success: function(res) {
  1058. // uni.showToast({
  1059. // title: '分享成功',
  1060. // icon: 'success'
  1061. // })
  1062. // that.posters = false;
  1063. },
  1064. fail: function(err) {
  1065. uni.showToast({
  1066. title: '分享失败',
  1067. icon: 'none',
  1068. duration: 2000
  1069. })
  1070. // that.posters = false;
  1071. }
  1072. });
  1073. },
  1074. // #endif
  1075. closeChange: function() {
  1076. this.$set(this.sharePacket, 'isState', true);
  1077. },
  1078. goActivity: function(e) {
  1079. let item = e;
  1080. if (item.type === '1') {
  1081. uni.navigateTo({
  1082. url: `/pages/activity/goods_seckill_details/index?id=${item.id}&time=${item.time}&status=1`
  1083. });
  1084. } else if (item.type === '2') {
  1085. uni.navigateTo({
  1086. url: `/pages/activity/goods_bargain_details/index?id=${item.id}&bargain=${this.uid}`
  1087. });
  1088. } else {
  1089. uni.navigateTo({
  1090. url: `/pages/activity/goods_combination_details/index?id=${item.id}`
  1091. });
  1092. }
  1093. },
  1094. /**
  1095. * 购物车手动填写
  1096. *
  1097. */
  1098. iptCartNum: function(e) {
  1099. this.$set(this.attr.productSelect, 'cart_num', e);
  1100. },
  1101. // 后退
  1102. returns: function() {
  1103. if (this.isShow) {
  1104. uni.reLaunch({
  1105. url: '/pages/index/index'
  1106. })
  1107. } else {
  1108. if (this.fromType) {
  1109. let obj = {
  1110. id: this.id,
  1111. cartNum: this.cartNum
  1112. }
  1113. let pages = getCurrentPages();
  1114. let prevPage = pages[pages.length - 2];
  1115. prevPage.$vm.otherFun(obj);
  1116. return uni.navigateBack();
  1117. } else {
  1118. // #ifdef H5
  1119. return history.back();
  1120. // #endif
  1121. // #ifndef H5
  1122. return uni.navigateBack({
  1123. delta: 1,
  1124. })
  1125. // #endif
  1126. }
  1127. }
  1128. },
  1129. tap: function(index) {
  1130. var that = this;
  1131. this.$set(this, 'navActive', index);
  1132. this.$set(this, 'lock', true);
  1133. this.$set(this, 'scrollTop', index > 0 ? that.topArr[index] - app.globalData.navHeight / 2 : that
  1134. .topArr[index]);
  1135. },
  1136. scroll: function(e) {
  1137. var that = this,
  1138. scrollY = e.detail.scrollTop;
  1139. var opacity = scrollY / 200;
  1140. opacity = opacity > 1 ? 1 : opacity;
  1141. let showAnimate = scrollY > 0 ? false : true
  1142. that.$set(that, 'opacity', opacity);
  1143. that.$set(that, 'scrollY', scrollY);
  1144. that.$set(that, 'showAnimate', showAnimate);
  1145. that.$set(that, 'currentPage', false);
  1146. if (that.lock) {
  1147. that.$set(that, 'lock', false);
  1148. return;
  1149. }
  1150. for (var i = 0; i < that.topArr.length; i++) {
  1151. if (scrollY < that.topArr[i] - app.globalData.navHeight / 2 + that.heightArr[i]) {
  1152. that.$set(that, 'navActive', i);
  1153. break;
  1154. }
  1155. }
  1156. },
  1157. /*
  1158. *去商品详情页
  1159. */
  1160. goDetail(item) {
  1161. if (item.activity.length == 0) {
  1162. uni.redirectTo({
  1163. url: '/pages/goods_details/index?id=' + item.id
  1164. });
  1165. return;
  1166. }
  1167. // 砍价
  1168. if (item.activity && item.activity.type == 2) {
  1169. uni.redirectTo({
  1170. url: `/pages/activity/goods_bargain_details/index?id=${item.activity.id}&bargain=${this.uid}`
  1171. });
  1172. return;
  1173. }
  1174. // 拼团
  1175. if (item.activity && item.activity.type == 3) {
  1176. uni.redirectTo({
  1177. url: `/pages/activity/goods_combination_details/index?id=${item.activity.id}`
  1178. });
  1179. return;
  1180. }
  1181. // 秒杀
  1182. if (item.activity && item.activity.type == 1) {
  1183. uni.redirectTo({
  1184. url: `/pages/activity/goods_seckill_details/index?id=${item.activity.id}&time=${item.activity.time}&status=1`
  1185. });
  1186. return;
  1187. }
  1188. },
  1189. // 微信登录回调
  1190. onLoadFun: function(e) {
  1191. // this.getUserInfo();
  1192. // this.get_product_collect();
  1193. },
  1194. ChangCouponsClone: function() {
  1195. this.$set(this.coupon, 'coupon', false);
  1196. },
  1197. /*
  1198. * 获取用户信息
  1199. */
  1200. getUserInfo: function() {
  1201. let that = this;
  1202. getUserInfo().then(res => {
  1203. that.$set(that.sharePacket, 'isState', that.sharePacket.priceName != 0 ? false : true);
  1204. that.$set(that, 'uid', res.data.uid);
  1205. that.$set(that, 'is_money_level', res.data.is_money_level);
  1206. });
  1207. },
  1208. /**
  1209. * 购物车数量加和数量减
  1210. *
  1211. */
  1212. ChangeCartNum: function(changeValue) {
  1213. //changeValue:是否 加|减
  1214. //获取当前变动属性
  1215. let productSelect = this.productValue[this.attrValue];
  1216. //如果没有属性,赋值给商品默认库存
  1217. if (productSelect === undefined && !this.attr.productAttr.length) productSelect = this.attr
  1218. .productSelect;
  1219. //无属性值即库存为0;不存在加减;
  1220. if (productSelect === undefined) return;
  1221. let stock = productSelect.stock || 0;
  1222. let num = this.attr.productSelect;
  1223. if (changeValue) {
  1224. num.cart_num++;
  1225. if (num.cart_num > stock) {
  1226. this.$set(this.attr.productSelect, 'cart_num', stock ? stock : 1);
  1227. this.$set(this, 'cart_num', stock ? stock : 1);
  1228. }
  1229. } else {
  1230. num.cart_num--;
  1231. if (num.cart_num < 1) {
  1232. this.$set(this.attr.productSelect, 'cart_num', 1);
  1233. this.$set(this, 'cart_num', 1);
  1234. }
  1235. }
  1236. },
  1237. attrVal(val) {
  1238. this.$set(this.attr.productAttr[val.indexw], 'index', this.attr.productAttr[val.indexw].attr_values[val
  1239. .indexn]);
  1240. },
  1241. /**
  1242. * 属性变动赋值
  1243. *
  1244. */
  1245. ChangeAttr: function(res) {
  1246. let productSelect = this.productValue[res];
  1247. this.$set(this, "selectSku", productSelect);
  1248. if (productSelect && productSelect.stock >= 0) {
  1249. this.$set(this.attr.productSelect, 'image', productSelect.image);
  1250. this.$set(this.attr.productSelect, 'price', productSelect.price);
  1251. this.$set(this.attr.productSelect, 'stock', productSelect.stock);
  1252. this.$set(this.attr.productSelect, 'unique', productSelect.unique);
  1253. this.$set(this.attr.productSelect, 'cart_num', 1);
  1254. this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
  1255. this.$set(this, 'attrValue', res);
  1256. this.$set(this, 'attrTxt', '已选择');
  1257. } else {
  1258. this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
  1259. this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
  1260. this.$set(this.attr.productSelect, 'stock', 0);
  1261. this.$set(this.attr.productSelect, 'unique', '');
  1262. this.$set(this.attr.productSelect, 'cart_num', 0);
  1263. this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
  1264. this.$set(this, 'attrValue', '');
  1265. this.$set(this, 'attrTxt', '请选择');
  1266. }
  1267. },
  1268. /**
  1269. * 领取完毕移除当前页面领取过的优惠券展示
  1270. */
  1271. ChangCoupons: function(e) {
  1272. let coupon = e;
  1273. let couponList = this.$util.ArrayRemove(this.couponList, 'id', coupon.id);
  1274. this.$set(this, 'couponList', couponList);
  1275. this.getCouponList();
  1276. },
  1277. setClientHeight: function() {
  1278. let that = this;
  1279. if (!that.good_list.length) return;
  1280. let view = uni
  1281. .createSelectorQuery()
  1282. .in(this)
  1283. .select('#list0');
  1284. view.fields({
  1285. size: true
  1286. },
  1287. data => {
  1288. that.$set(that, 'clientHeight', data.height + 20);
  1289. that.$nextTick(() => {
  1290. that.infoScroll();
  1291. })
  1292. }
  1293. ).exec();
  1294. },
  1295. // 推荐商品
  1296. getGoodsList() {
  1297. let that = this;
  1298. getProductRecommend(that.id).then(res => {
  1299. let good_list = res.data || [];
  1300. let count = Math.ceil(good_list.length / 6);
  1301. let goodArray = new Array();
  1302. for (let i = 0; i < count; i++) {
  1303. let list = good_list.slice(i * 6, i * 6 + 6);
  1304. if (list.length)
  1305. goodArray.push({
  1306. list: list
  1307. });
  1308. }
  1309. that.$set(that, 'good_list', goodArray);
  1310. if (goodArray.length && this.diyProduct.is_recommend) {
  1311. that.navList.splice(-1, 0, '推荐');
  1312. }
  1313. that.$nextTick(() => {
  1314. if (good_list.length) {
  1315. // #ifndef APP-PLUS
  1316. that.setClientHeight();
  1317. // #endif
  1318. // #ifdef APP-PLUS
  1319. setTimeout(() => {
  1320. that.setClientHeight();
  1321. }, 1000)
  1322. // #endif
  1323. }
  1324. });
  1325. }).catch(err => {
  1326. return this.$util.Tips({
  1327. title: err
  1328. });
  1329. })
  1330. },
  1331. // 获取产品活动详情
  1332. getGoodsCtivity() {
  1333. let that = this;
  1334. getProductCtivity(that.id, {
  1335. promotions_type: this.promotions_type
  1336. }).then(res => {
  1337. that.$set(that, 'activity', res.data.activity ? res.data.activity : []);
  1338. that.$set(that, 'couponList', res.data.coupons);
  1339. that.$set(that, 'discountsData', res.data.discounts_products ? res.data.discounts_products :
  1340. []); //套餐数据
  1341. let promotions = res.data.promotions[0];
  1342. that.$set(that, 'promotions_type', res.data.promotions.length ? promotions.promotions_type :
  1343. 0);
  1344. if (res.data.promotions.length && promotions.promotions_type == 1) {
  1345. let discount = that.$util.$h.Div(promotions.discount, 100);
  1346. let discountPrice = that.$util.$h.Mul(discount, this.storeInfo.price);
  1347. that.$set(that.limitInfo, 'price', this.storeInfo.price || 0);
  1348. that.$set(that.limitInfo, 'datatime', promotions.stop_time || 0);
  1349. that.$set(that.limitInfo, 'discount', discount);
  1350. that.$set(that.limitInfo, 'discount_price', discountPrice);
  1351. }
  1352. that.$set(that.discountInfo, 'discount', res.data.promotions);
  1353. that.$nextTick(() => {
  1354. that.infoScroll();
  1355. })
  1356. }).catch(err => {
  1357. return this.$util.Tips({
  1358. title: err
  1359. });
  1360. })
  1361. },
  1362. /**
  1363. * 获取产品详情
  1364. *
  1365. */
  1366. getGoodsDetails: function() {
  1367. let that = this;
  1368. let obj = '';
  1369. if (that.fromPage) {
  1370. obj = newcomerDetail;
  1371. } else {
  1372. obj = getProductDetail;
  1373. }
  1374. obj(that.id, {
  1375. promotions_type: this.promotions_type
  1376. })
  1377. .then(res => {
  1378. let storeInfo = res.data.storeInfo;
  1379. // let good_list = res.data.good_list || [];
  1380. // let count = Math.ceil(good_list.length / 6);
  1381. // let goodArray = new Array();
  1382. // for (let i = 0; i < count; i++) {
  1383. // let list = good_list.slice(i * 6, i * 6 + 6);
  1384. // if (list.length)
  1385. // goodArray.push({
  1386. // list: list
  1387. // });
  1388. // }
  1389. storeInfo.delivery_type.sort((x, y) => x - y);
  1390. that.$set(that.attr, 'deliveryType', storeInfo.delivery_type);
  1391. if (res.data.storeInfo.delivery_type.indexOf('2') != -1) {
  1392. that.$set(that, 'isMention', true);
  1393. }
  1394. // let promotions = storeInfo.promotions[0];
  1395. // that.$set(that, 'promotions_type', storeInfo.promotions.length?promotions.promotions_type:0);
  1396. // if(storeInfo.promotions.length && promotions.promotions_type==1){
  1397. // let discount = that.$util.$h.Div(promotions.discount, 100);
  1398. // let discountPrice = that.$util.$h.Mul(discount, storeInfo.price);
  1399. // that.$set(that.limitInfo, 'price', storeInfo.price || 0);
  1400. // that.$set(that.limitInfo, 'datatime', promotions.stop_time || 0);
  1401. // that.$set(that.limitInfo, 'discount', discount);
  1402. // that.$set(that.limitInfo, 'discount_price', discountPrice);
  1403. // }
  1404. that.$set(that, 'storeInfo', storeInfo);
  1405. that.$set(that.attr, 'isType', res.data.storeInfo.type);
  1406. that.$set(that.attr, 'relation_id', res.data.storeInfo.relation_id);
  1407. that.$set(that.attr, 'store_self_mention', res.data.store_self_mention);
  1408. that.$set(that.ensureInfo, 'ensure', storeInfo.ensure);
  1409. let ensureTitle = [];
  1410. storeInfo.ensure.forEach(res => {
  1411. ensureTitle.push(res.name)
  1412. })
  1413. that.$set(that.ensureInfo, 'ensureTitle', ensureTitle.join(' · '));
  1414. that.$set(that.specsInfo,
  1415. 'specs', storeInfo.specs);
  1416. // that.$set(that.discountInfo, 'discount', storeInfo.promotions);
  1417. that.$set(that, 'description', storeInfo.description);
  1418. this.description = this.description.replace(
  1419. /<img/gi,
  1420. '<img style="max-width:100%;height:auto;float:left;display:block" ');
  1421. that.$set(that, 'reply', res.data.reply);
  1422. that.$set(that, 'replyCount', res.data.replyCount);
  1423. that.$set(that, 'replyChance', res.data.replyChance);
  1424. that.$set(that.attr, 'productAttr', res.data.productAttr);
  1425. that.$set(that, 'productValue', res.data.productValue);
  1426. for (let key in res.data.productValue) {
  1427. let obj = res.data.productValue[key];
  1428. that.skuArr.push(obj)
  1429. }
  1430. this.$set(this, "selectSku", that.skuArr[0]);
  1431. that.$set(that, 'is_vip', res.data.storeInfo
  1432. .is_vip);
  1433. that.$set(that.sharePacket, 'priceName', res.data.priceName);
  1434. that.$set(that,
  1435. 'systemStore', res.data.system_store);
  1436. that.$set(that, 'storeSelfMention', res.data
  1437. .store_self_mention);
  1438. // that.$set(that, 'good_list', goodArray);
  1439. // that.$set(that, 'activity', res.data.activity ? res.data.activity : []);
  1440. // that.$set(that, 'couponList', res.data.coupons);
  1441. that.$set(that, 'shareQrcode', res.data.share_qrcode);
  1442. that.$set(that, 'routineContact', Number(res
  1443. .data.routine_contact_type));
  1444. // that.$set(that, 'discountsData', res.data.discounts_products ? res.data
  1445. // .discounts_products : []); //套餐数据
  1446. uni.setNavigationBarTitle({
  1447. title: storeInfo.store_name.substring(0, 13) + '...'
  1448. });
  1449. that.$set(that, 'diff', that.$util.$h.Sub(storeInfo.price, storeInfo.vip_price));
  1450. that
  1451. .siteName = res.data.site_name;
  1452. var navList = ['商品', '详情'];
  1453. if (res.data.replyCount && that.diyProduct.is_reply) {
  1454. navList.splice(1, 0, '评价');
  1455. }
  1456. // if (goodArray.length) {
  1457. // navList.splice(-1, 0, '推荐');
  1458. // }
  1459. that.$set(that, 'navList', navList);
  1460. // #ifdef H5
  1461. that.$set(that, 'storeImage', that.storeInfo.image);
  1462. if (that.isLogin) {
  1463. that.ShareInfo();
  1464. }
  1465. if (this.$wechat.isWeixin() && this.shareQrcode == '1') {
  1466. that.followWX();
  1467. } else {
  1468. that.getImageBase64();
  1469. }
  1470. // #endif
  1471. if (that.isLogin) {
  1472. that.getUserInfo();
  1473. }
  1474. // this.$nextTick(() => {
  1475. // if (good_list.length) {
  1476. // // #ifndef APP-PLUS
  1477. // that.setClientHeight();
  1478. // // #endif
  1479. // // #ifdef APP-PLUS
  1480. // setTimeout(() => {
  1481. // that.setClientHeight();
  1482. // }, 1000)
  1483. // // #endif
  1484. // }
  1485. // });
  1486. setTimeout(function() {
  1487. that.infoScroll();
  1488. }, 500);
  1489. // #ifndef H5
  1490. that.downloadFilestoreImage();
  1491. // #endif
  1492. that.DefaultSelect();
  1493. that.getCartCount();
  1494. setTimeout(() => {
  1495. this.showSkeleton = false
  1496. }, 200)
  1497. that.getGoodsList();
  1498. if (!that.fromPage) {
  1499. that.getGoodsCtivity();
  1500. }
  1501. }).catch(err => {
  1502. //状态异常返回上级页面
  1503. return that.$util.Tips({
  1504. title: err.toString()
  1505. }, {
  1506. tab: 3,
  1507. url: 1
  1508. });
  1509. setTimeout(() => {
  1510. this.showSkeleton = false
  1511. }, 500)
  1512. });
  1513. },
  1514. infoScroll: function() {
  1515. var that = this,
  1516. topArr = [],
  1517. heightArr = [];
  1518. for (var i = 0; i < that.navList.length; i++) {
  1519. //获取元素所在位置
  1520. var query = uni.createSelectorQuery().in(this);
  1521. var idView = '#past' + i;
  1522. if (((!this.replyCount || !this.diyProduct.is_reply) && (!that.good_list.length || !that.diyProduct
  1523. .is_recommend) && i == 1) || (this.replyCount && this.diyProduct.is_reply && (!that
  1524. .good_list.length || !that.diyProduct.is_recommend) && i == 2) || ((!this.replyCount || !
  1525. this.diyProduct.is_reply) && that.good_list.length && that.diyProduct.is_recommend &&
  1526. i == 2)) {
  1527. idView = "#past" + 3;
  1528. }
  1529. if ((!this.replyCount || !this.diyProduct.is_reply) && that.good_list.length && that.diyProduct
  1530. .is_recommend && i == 1) {
  1531. idView = "#past" + 2;
  1532. }
  1533. query.select(idView).boundingClientRect();
  1534. query.exec(function(res) {
  1535. var top = res[0].top;
  1536. var height = res[0].height;
  1537. topArr.push(top);
  1538. heightArr.push(height);
  1539. that.$set(that, 'topArr', topArr);
  1540. that.$set(that, 'heightArr', heightArr);
  1541. });
  1542. }
  1543. },
  1544. /**
  1545. * 拨打电话
  1546. */
  1547. makePhone: function() {
  1548. uni.makePhoneCall({
  1549. phoneNumber: this.systemStore.phone
  1550. });
  1551. },
  1552. /**
  1553. * 打开地图
  1554. *
  1555. */
  1556. showMaoLocation: function() {
  1557. if (!this.systemStore.latitude || !this.systemStore.longitude)
  1558. return this.$util.Tips({
  1559. title: '缺少经纬度信息无法查看地图!'
  1560. });
  1561. uni.openLocation({
  1562. latitude: parseFloat(this.systemStore.latitude),
  1563. longitude: parseFloat(this.systemStore.longitude),
  1564. scale: 8,
  1565. name: this.systemStore.name,
  1566. address: this.systemStore.address + this.systemStore.detailed_address,
  1567. success: function() {}
  1568. });
  1569. },
  1570. /**
  1571. * 默认选中属性
  1572. *
  1573. */
  1574. DefaultSelect: function() {
  1575. let productAttr = this.attr.productAttr;
  1576. let valueobj = [];
  1577. let value = [];
  1578. for (var key in this.productValue) {
  1579. if (this.productValue[key].stock > 0) {
  1580. valueobj = this.attr.productAttr.length ? key.split(',') : [];
  1581. break;
  1582. }
  1583. }
  1584. // 处理已售罄时默认选中第一个
  1585. if (!valueobj.length && this.attr.productAttr.length) {
  1586. value = Object.keys(this.productValue)[0].split(',');
  1587. } else {
  1588. value = valueobj;
  1589. }
  1590. for (let i = 0; i < productAttr.length; i++) {
  1591. this.$set(productAttr[i], 'index', value[i]);
  1592. }
  1593. //sort();排序函数:数字-英文-汉字;
  1594. let productSelect = this.productValue[value.join(',')];
  1595. if (productSelect && productAttr.length) {
  1596. this.$set(this.attr.productSelect, 'store_name', this.storeInfo.store_name);
  1597. this.$set(this.attr.productSelect, 'image', productSelect.image);
  1598. this.$set(this.attr.productSelect, 'price', productSelect.price);
  1599. this.$set(this.attr.productSelect, 'stock', productSelect.stock);
  1600. this.$set(this.attr.productSelect, 'unique', productSelect.unique);
  1601. this.$set(this.attr.productSelect, 'cart_num', 1);
  1602. this.$set(this, 'attrValue', value.join(','));
  1603. this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
  1604. this.$set(this, 'attrTxt', '已选择');
  1605. } else if (!productSelect && productAttr.length) {
  1606. this.$set(this.attr.productSelect, 'store_name', this.storeInfo.store_name);
  1607. this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
  1608. this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
  1609. this.$set(this.attr.productSelect, 'stock', 0);
  1610. this.$set(this.attr.productSelect, 'unique', '');
  1611. this.$set(this.attr.productSelect, 'cart_num', 0);
  1612. this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
  1613. this.$set(this, 'attrValue', '');
  1614. this.$set(this, 'attrTxt', '请选择');
  1615. } else if (!productSelect && !productAttr.length) {
  1616. this.$set(this.attr.productSelect, 'store_name', this.storeInfo.store_name);
  1617. this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
  1618. this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
  1619. this.$set(this.attr.productSelect, 'stock', this.storeInfo.stock);
  1620. this.$set(this.attr.productSelect, 'unique', this.storeInfo.unique || '');
  1621. this.$set(this.attr.productSelect, 'cart_num', 1);
  1622. this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
  1623. this.$set(this, 'attrValue', '');
  1624. this.$set(this, 'attrTxt', '请选择');
  1625. }
  1626. },
  1627. /**
  1628. * 获取优惠券
  1629. *
  1630. */
  1631. getCouponList(type) {
  1632. let that = this,
  1633. obj = {
  1634. page: 1,
  1635. limit: 20,
  1636. product_id: that.id
  1637. };
  1638. if (type !== undefined || type !== null) {
  1639. obj.type = type;
  1640. }
  1641. getCoupons(obj).then(res => {
  1642. that.$set(that.coupon, 'count', res.data.count);
  1643. if (type === undefined || type === null) {
  1644. let count = [...that.coupon.count],
  1645. indexs = '';
  1646. let index = count.findIndex(item => item);
  1647. let delCount = that.coupon.count,
  1648. newDelCount = [];
  1649. let countIndex = 0;
  1650. delCount.forEach((item, index) => {
  1651. if (item === 0) {
  1652. countIndex = index;
  1653. } else {
  1654. newDelCount.push(item)
  1655. }
  1656. });
  1657. if (newDelCount.length == 3) {
  1658. indexs = 2;
  1659. } else if (newDelCount.length == 2) {
  1660. if (countIndex === 2) {
  1661. indexs = 1;
  1662. } else {
  1663. indexs = 2;
  1664. }
  1665. } else {
  1666. indexs = delCount.findIndex(item => item === count[index]);
  1667. }
  1668. that.$set(that.coupon, 'type', indexs);
  1669. that.getCouponList(indexs);
  1670. } else {
  1671. that.$set(that.coupon, 'list', res.data.list);
  1672. }
  1673. });
  1674. },
  1675. ChangCouponsUseState(index) {
  1676. let that = this;
  1677. that.coupon.list[index].is_use = true;
  1678. that.$set(that.coupon, 'list', that.coupon.list);
  1679. that.$set(that.coupon, 'coupon', false);
  1680. },
  1681. /**
  1682. *
  1683. *
  1684. * 收藏商品
  1685. */
  1686. setCollect: Debounce(function() {
  1687. if (this.isLogin === false) {
  1688. toLogin();
  1689. } else {
  1690. let that = this;
  1691. if (this.storeInfo.userCollect) {
  1692. collectDel(this.storeInfo.id).then(res => {
  1693. that.$set(that.storeInfo, 'userCollect', !that.storeInfo.userCollect);
  1694. return that.$util.Tips({
  1695. title: res.msg
  1696. });
  1697. });
  1698. } else {
  1699. collectAdd(this.storeInfo.id).then(res => {
  1700. that.$set(that.storeInfo, 'userCollect', !that.storeInfo.userCollect);
  1701. return that.$util.Tips({
  1702. title: res.msg
  1703. });
  1704. });
  1705. }
  1706. }
  1707. }),
  1708. /**
  1709. * 打开属性插件
  1710. */
  1711. selecAttr: Debounce(function() {
  1712. this.currentPage = false;
  1713. this.$set(this.attr, 'cartAttr', true);
  1714. this.$set(this, 'isOpen', true);
  1715. }),
  1716. /**
  1717. * 打开优惠券插件
  1718. */
  1719. couponTap: function() {
  1720. let that = this;
  1721. this.currentPage = false;
  1722. if (that.isLogin === false) {
  1723. toLogin();
  1724. } else {
  1725. that.getCouponList();
  1726. that.$set(that.coupon, 'coupon', true);
  1727. }
  1728. },
  1729. onMyEvent: function() {
  1730. this.$set(this.attr, 'cartAttr', false);
  1731. this.$set(this, 'isOpen', false);
  1732. },
  1733. myEnsure() {
  1734. this.$set(this.ensureInfo, 'show', false);
  1735. },
  1736. mySpecs() {
  1737. this.$set(this.specsInfo, 'show', false);
  1738. },
  1739. myDiscount() {
  1740. this.$set(this.discountInfo, 'show', false);
  1741. },
  1742. /**
  1743. * 打开属性加入购物车
  1744. *
  1745. */
  1746. joinCart: function(e) {
  1747. this.currentPage = false;
  1748. //是否登录
  1749. if (this.isLogin === false) {
  1750. toLogin();
  1751. } else {
  1752. this.goCat();
  1753. }
  1754. },
  1755. /*
  1756. * 加入购物车
  1757. */
  1758. goCat: function(news) {
  1759. let that = this,
  1760. productSelect = that.productValue[this.attrValue];
  1761. //打开属性
  1762. if (that.attrValue) {
  1763. //默认选中了属性,但是没有打开过属性弹窗还是自动打开让用户查看默认选中的属性
  1764. that.attr.cartAttr = !that.isOpen ? true : false;
  1765. } else {
  1766. if (that.isOpen) that.attr.cartAttr = true;
  1767. else that.attr.cartAttr = !that.attr.cartAttr;
  1768. }
  1769. //只有关闭属性弹窗时进行加入购物车
  1770. if (that.attr.cartAttr === true && that.isOpen === false) return (that.isOpen = true);
  1771. //如果有属性,没有选择,提示用户选择
  1772. if (that.attr.productAttr.length && productSelect === undefined && that.isOpen === true)
  1773. return that.$util.Tips({
  1774. title: '产品库存不足,请选择其它属性'
  1775. });
  1776. if (that.attr.productSelect.cart_num <= 0) {
  1777. that.attr.productSelect.cart_num = 1
  1778. that.isOpen = false
  1779. return that.$util.Tips({
  1780. title: '请先选择属性'
  1781. });
  1782. }
  1783. let q = {
  1784. cartNum: that.attr.productSelect.cart_num,
  1785. new: news === undefined ? 0 : 1,
  1786. uniqueId: that.attr.productSelect !== undefined ? that.attr.productSelect.unique : '',
  1787. store_id: this.store_id,
  1788. addressId: this.addressId,
  1789. delivery_type: this.delivery_type,
  1790. };
  1791. if (that.fromPage) {
  1792. q.productId = that.storeInfo.product_id;
  1793. q.newcomerId = that.id;
  1794. } else {
  1795. q.productId = that.id;
  1796. }
  1797. postCartAdd(q)
  1798. .then(function(res) {
  1799. that.isOpen = false;
  1800. that.attr.cartAttr = false;
  1801. if (news) {
  1802. uni.navigateTo({
  1803. url: '/pages/goods/order_confirm/index?new=1&cartId=' + res.data.cartId +
  1804. '&delivery_type=' + that.delivery_type + '&addressId=' + that
  1805. .addressId + '&store_id=' + that.store_id + '&store_name=' + that
  1806. .store_name + '&product_id=' + that.storeInfo.id
  1807. });
  1808. } else {
  1809. that.$util.Tips({
  1810. title: '添加购物车成功',
  1811. success: () => {
  1812. that.cartNum = res.data.cartNum;
  1813. that.getCartCount(true);
  1814. }
  1815. });
  1816. }
  1817. })
  1818. .catch(err => {
  1819. that.isOpen = false;
  1820. return that.$util.Tips({
  1821. title: err
  1822. });
  1823. });
  1824. },
  1825. /**
  1826. * 获取购物车数量
  1827. * @param boolean 是否展示购物车动画和重置属性
  1828. */
  1829. getCartCount: function(isAnima) {
  1830. let that = this;
  1831. const isLogin = that.isLogin;
  1832. if (isLogin) {
  1833. getCartCounts().then(res => {
  1834. that.CartCount = res.data.count;
  1835. this.$store.commit('indexData/setCartNum', that.CartCount > 99 ? '...' : that
  1836. .CartCount + '')
  1837. //加入购物车后重置属性
  1838. if (isAnima) {
  1839. that.animated = true;
  1840. setTimeout(function() {
  1841. that.animated = false;
  1842. }, 500);
  1843. }
  1844. });
  1845. }
  1846. },
  1847. /**
  1848. * 立即购买
  1849. */
  1850. goBuy: function(e) {
  1851. this.currentPage = false;
  1852. if (this.isLogin === false) {
  1853. toLogin();
  1854. } else {
  1855. this.goCat(true);
  1856. }
  1857. },
  1858. // 授权关闭
  1859. authColse: function(e) {
  1860. this.isShowAuth = e;
  1861. },
  1862. /**
  1863. * 分享打开
  1864. *
  1865. */
  1866. listenerActionSheet: function() {
  1867. this.currentPage = false
  1868. if (this.isLogin === false) {
  1869. toLogin();
  1870. } else {
  1871. // #ifdef H5
  1872. if (this.$wechat.isWeixin() === true) {
  1873. this.weixinStatus = true;
  1874. }
  1875. // #endif
  1876. this.posters = true;
  1877. this.goPoster();
  1878. }
  1879. },
  1880. // 分享关闭
  1881. listenerActionClose: function() {
  1882. this.posters = false;
  1883. },
  1884. //隐藏海报
  1885. posterImageClose: function() {
  1886. this.posterImageStatus = false;
  1887. this.posters = false;
  1888. },
  1889. //替换安全域名
  1890. setDomain: function(url) {
  1891. url = url ? url.toString() : '';
  1892. //本地调试打开,生产请注销
  1893. if (url.indexOf('https://') > -1) return url;
  1894. else return url.replace('http://', 'https://');
  1895. },
  1896. //获取海报产品图
  1897. downloadFilestoreImage: function() {
  1898. let that = this;
  1899. uni.downloadFile({
  1900. url: that.setDomain(that.storeInfo.image),
  1901. success: function(res) {
  1902. that.storeImage = res.tempFilePath;
  1903. that.base64Show = 1;
  1904. },
  1905. fail: function() {
  1906. return that.$util.Tips({
  1907. title: ''
  1908. });
  1909. that.storeImage = '';
  1910. }
  1911. });
  1912. },
  1913. /**
  1914. * 获取产品分销二维码
  1915. * @param function successFn 下载完成回调
  1916. *
  1917. */
  1918. downloadFilePromotionCode: function(successFn) {
  1919. let that = this;
  1920. getProductCode(that.id).then(res => {
  1921. uni.downloadFile({
  1922. url: that.setDomain(res.data.code),
  1923. success: function(res) {
  1924. that.$set(that, 'isDown', false);
  1925. if (typeof successFn == 'function') successFn && successFn(res
  1926. .tempFilePath);
  1927. else that.$set(that, 'PromotionCode', res.tempFilePath);
  1928. },
  1929. fail: function() {
  1930. that.$set(that, 'isDown', false);
  1931. that.$set(that, 'PromotionCode', '');
  1932. }
  1933. });
  1934. })
  1935. .catch(err => {
  1936. that.$set(that, 'isDown', false);
  1937. that.$set(that, 'PromotionCode', '');
  1938. });
  1939. },
  1940. getImageBase64: function(type) {
  1941. let that = this;
  1942. imageBase64(that.storeImage, that.followCode)
  1943. .then(res => {
  1944. that.storeImage = res.data.image;
  1945. if (type) {
  1946. that.PromotionCode = res.data.code;
  1947. }
  1948. that.base64Show = 1;
  1949. })
  1950. .catch(() => {});
  1951. },
  1952. // 小程序关闭分享弹窗;
  1953. // goFriend: function() {
  1954. // this.posters = false;
  1955. // },
  1956. /**
  1957. * 生成海报
  1958. */
  1959. goPoster: function() {
  1960. let that = this;
  1961. that.$set(that, 'canvasStatus', true);
  1962. let arr2 = [that.posterbackgd, that.storeImage, that.PromotionCode];
  1963. // #ifdef MP
  1964. if (that.PromotionCode == '' && !that.isDown) {
  1965. return that.$util.Tips({
  1966. title: '小程序二维码需要发布正式版后才能获取到'
  1967. }, function() {
  1968. that.posters = false;
  1969. });
  1970. }
  1971. if (that.isDown)
  1972. return that.$util.Tips({
  1973. title: '正在下载海报,请稍后再试!'
  1974. }, function() {
  1975. that.posters = false;
  1976. });
  1977. // #endif
  1978. uni.getImageInfo({
  1979. src: that.PromotionCode,
  1980. fail: function(res) {
  1981. // #ifdef H5 || APP-PLUS
  1982. return that.$util.Tips({
  1983. title: res.errMsg
  1984. });
  1985. // #endif
  1986. // #ifdef MP
  1987. return that.$util.Tips({
  1988. title: '小程序二维码需要发布正式版后才能获取到'
  1989. });
  1990. // #endif
  1991. },
  1992. success() {
  1993. if (arr2[2] == '') {
  1994. //海报二维码不存在则从新下载
  1995. that.downloadFilePromotionCode(function(msgPromotionCode) {
  1996. arr2[2] = msgPromotionCode;
  1997. if (arr2[2] == '')
  1998. return that.$util.Tips({
  1999. title: '海报二维码生成失败!'
  2000. });
  2001. that.$nextTick(function() {
  2002. that.$util.PosterCanvas(that.fontColor, that.themeColor,
  2003. that.siteName,
  2004. arr2, that.storeInfo.store_name, that.storeInfo
  2005. .price, that.storeInfo.ot_price,
  2006. function(tempFilePath) {
  2007. that.$set(that, 'posterImage', tempFilePath);
  2008. that.$set(that, 'posterImageStatus', true);
  2009. that.$set(that, 'canvasStatus', false);
  2010. that.$set(that, 'actionSheetHidden', !that
  2011. .actionSheetHidden);
  2012. });
  2013. })
  2014. });
  2015. // // #ifdef H5
  2016. // that.$util.PosterCanvas(arr2, that.storeInfo.store_name, that.storeInfo.price, function(tempFilePath) {
  2017. // that.$set(that, 'posterImage', tempFilePath);
  2018. // that.$set(that, 'posterImageStatus', true);
  2019. // that.$set(that, 'canvasStatus', false);
  2020. // that.$set(that, 'actionSheetHidden', !that.actionSheetHidden);
  2021. // });
  2022. // // #endif
  2023. } else {
  2024. //生成推广海报
  2025. that.$nextTick(function() {
  2026. that.$util.PosterCanvas(that.fontColor, that.themeColor, that.siteName,
  2027. arr2, that
  2028. .storeInfo.store_name, that.storeInfo.price, that
  2029. .storeInfo.ot_price,
  2030. function(tempFilePath) {
  2031. that.$set(that, 'posterImage', tempFilePath);
  2032. that.$set(that, 'posterImageStatus', true);
  2033. that.$set(that, 'canvasStatus', false);
  2034. that.$set(that, 'actionSheetHidden', !that
  2035. .actionSheetHidden);
  2036. });
  2037. })
  2038. }
  2039. }
  2040. });
  2041. },
  2042. /*
  2043. * 保存到手机相册
  2044. */
  2045. // #ifdef MP
  2046. copyCommand: function() {
  2047. if (wx.navigateToMiniProgram) {
  2048. wx.navigateToMiniProgram({
  2049. appId: 'wxb036cafe2994d7d0',
  2050. path: '/publish/ugc-publish/ugc-publish',
  2051. extraData: {
  2052. productInfo: {
  2053. title: this.storeInfo.store_name,
  2054. path: '/pages/goods_details/index?id=' + this.storeInfo.id,
  2055. thumbUrl: this.storeInfo.image
  2056. }
  2057. }
  2058. });
  2059. }
  2060. },
  2061. savePosterPath: function() {
  2062. let that = this;
  2063. uni.getSetting({
  2064. success(res) {
  2065. if (!res.authSetting['scope.writePhotosAlbum']) {
  2066. uni.authorize({
  2067. scope: 'scope.writePhotosAlbum',
  2068. success() {
  2069. uni.saveImageToPhotosAlbum({
  2070. filePath: that.posterImage,
  2071. success: function(res) {
  2072. that.posterImageClose();
  2073. that.$util.Tips({
  2074. title: '保存成功',
  2075. icon: 'success'
  2076. });
  2077. },
  2078. fail: function(res) {
  2079. that.$util.Tips({
  2080. title: '保存失败'
  2081. });
  2082. }
  2083. });
  2084. }
  2085. });
  2086. } else {
  2087. uni.saveImageToPhotosAlbum({
  2088. filePath: that.posterImage,
  2089. success: function(res) {
  2090. that.posterImageClose();
  2091. that.$util.Tips({
  2092. title: '保存成功',
  2093. icon: 'success'
  2094. });
  2095. },
  2096. fail: function(res) {
  2097. that.$util.Tips({
  2098. title: '保存失败'
  2099. });
  2100. }
  2101. });
  2102. }
  2103. }
  2104. });
  2105. },
  2106. // #endif
  2107. //#ifdef APP-PLUS
  2108. savePosterPath() {
  2109. let that = this
  2110. uni.saveImageToPhotosAlbum({
  2111. filePath: that.posterImage,
  2112. success: function(res) {
  2113. that.posterImageClose();
  2114. that.$util.Tips({
  2115. title: '保存成功',
  2116. icon: 'success'
  2117. });
  2118. },
  2119. fail: function(res) {
  2120. that.$util.Tips({
  2121. title: '保存失败'
  2122. });
  2123. }
  2124. });
  2125. },
  2126. // #endif
  2127. //#ifdef H5
  2128. ShareInfo() {
  2129. let data = this.storeInfo;
  2130. let href = location.href;
  2131. if (this.$wechat.isWeixin()) {
  2132. getUserInfo().then(res => {
  2133. href = href.indexOf('?') === -1 ? href + '?spread=' + res.data.uid : href + '&spread=' +
  2134. res.data.uid;
  2135. let configAppMessage = {
  2136. desc: data.store_info,
  2137. title: data.store_name,
  2138. link: href,
  2139. imgUrl: data.image
  2140. };
  2141. this.$wechat
  2142. .wechatEvevt(['updateAppMessageShareData', 'updateTimelineShareData',
  2143. 'onMenuShareAppMessage',
  2144. 'onMenuShareTimeline'
  2145. ], configAppMessage)
  2146. .then(res => {})
  2147. .catch(err => {});
  2148. });
  2149. }
  2150. },
  2151. //#endif
  2152. tabCouponType: function(type) {
  2153. this.$set(this.coupon, 'type', type);
  2154. this.getCouponList(type);
  2155. },
  2156. goDiscounts() {
  2157. uni.navigateTo({
  2158. url: '/pages/goods_details/discountsGoodsList?id=' + this.id
  2159. })
  2160. },
  2161. }
  2162. };
  2163. </script>
  2164. <style lang="scss">
  2165. /deep/uni-video {
  2166. width: 100% !important;
  2167. }
  2168. /deep/video {
  2169. width: 100% !important;
  2170. }
  2171. /deep/.userEvaluation .evaluateWtapper .evaluateItem {
  2172. margin: 0 !important;
  2173. }
  2174. .product-con .wrapper .label .item {
  2175. width: 210rpx;
  2176. &~.item {
  2177. margin-left: 18rpx;
  2178. }
  2179. &.sales {
  2180. text-align: right;
  2181. }
  2182. &.stock {
  2183. text-align: center;
  2184. }
  2185. }
  2186. .product-con .wrapper .introduce .infor {
  2187. width: 570rpx;
  2188. padding-top: 30rpx;
  2189. }
  2190. .product-con .wrapper .introduce .iconfont {
  2191. font-size: 37rpx;
  2192. color: #515151;
  2193. padding-top: 30rpx;
  2194. }
  2195. .discount .white .timeItem {
  2196. font-size: 20rpx;
  2197. color: #fff;
  2198. position: absolute;
  2199. top: -6rpx;
  2200. right: 0rpx;
  2201. }
  2202. .discount .white /deep/.time .styleAll {
  2203. padding: 0 6rpx;
  2204. font-size: 22rpx;
  2205. color: var(--view-theme);
  2206. background-color: #fff;
  2207. border-radius: 6rpx
  2208. }
  2209. .discount .white /deep/.time .red {
  2210. color: #fff !important;
  2211. }
  2212. .discount {
  2213. background-color: var(--view-theme);
  2214. width: 100%;
  2215. height: 148rpx;
  2216. .white {
  2217. background: url(../activity/static/discount.png) no-repeat;
  2218. background-size: 100% 100%;
  2219. width: 710rpx;
  2220. height: 116rpx;
  2221. color: var(--view-theme);
  2222. font-size: 20rpx;
  2223. padding: 6rpx 14rpx;
  2224. position: relative;
  2225. .icon-jinru3 {
  2226. position: absolute;
  2227. right: 10rpx;
  2228. bottom: 18rpx;
  2229. font-size: 22rpx;
  2230. padding: 8rpx;
  2231. }
  2232. .right {
  2233. margin-left: 40rpx;
  2234. .num {
  2235. font-size: 24rpx;
  2236. margin-top: 2rpx;
  2237. }
  2238. }
  2239. .y_money {
  2240. margin: 0 40rpx;
  2241. .num {
  2242. font-size: 24rpx;
  2243. margin-top: 2rpx;
  2244. }
  2245. }
  2246. .left {
  2247. min-width: 235rpx;
  2248. .iconfont {
  2249. font-size: 26rpx;
  2250. }
  2251. .money {
  2252. font-size: 28rpx;
  2253. font-weight: 600;
  2254. margin-top: 5rpx;
  2255. .num {
  2256. font-size: 48rpx;
  2257. }
  2258. }
  2259. }
  2260. }
  2261. }
  2262. .presell_count {
  2263. font-size: 26rpx;
  2264. color: #999999;
  2265. padding: 20rpx 30rpx 20rpx 30rpx;
  2266. .presell_time {
  2267. margin: 8rpx 0 4rpx;
  2268. .area_line {
  2269. display: inline-block;
  2270. margin: 0 6rpx;
  2271. }
  2272. }
  2273. .icon-shijian1 {
  2274. display: inline-block;
  2275. margin-right: 4rpx;
  2276. font-size: 28rpx;
  2277. }
  2278. }
  2279. .store {
  2280. background-color: #fff;
  2281. margin: 20rpx 20rpx 0 20rpx;
  2282. border-radius: 12rpx;
  2283. .title {
  2284. height: 80rpx;
  2285. width: 100%;
  2286. font-size: 28rpx;
  2287. color: #333;
  2288. padding: 0 20rpx;
  2289. .icon-jinru2 {
  2290. color: #7a7a7a;
  2291. font-size: 28rpx;
  2292. }
  2293. }
  2294. }
  2295. .activity_pin {
  2296. width: auto;
  2297. height: 44rpx;
  2298. line-height: 44rpx;
  2299. // background: linear-gradient(90deg, rgba(233, 51, 35, 1) 0%, rgba(250, 101, 20, 1) 100%);
  2300. background-color: var(--view-theme);
  2301. opacity: 1;
  2302. border-radius: 22rpx;
  2303. padding: 0 15rpx;
  2304. margin-left: 19rpx;
  2305. }
  2306. .activity_miao {
  2307. width: auto;
  2308. height: 44rpx;
  2309. line-height: 44rpx;
  2310. padding: 0 15rpx;
  2311. // background: linear-gradient(90deg, rgba(250, 102, 24, 1) 0%, rgba(254, 161, 15, 1) 100%);
  2312. background-color: var(--view-theme);
  2313. opacity: 1;
  2314. border-radius: 22rpx;
  2315. margin-left: 19rpx;
  2316. }
  2317. .iconfonts {
  2318. color: #fff !important;
  2319. font-size: 28rpx;
  2320. }
  2321. .activity_title {
  2322. font-size: 24rpx;
  2323. color: #fff;
  2324. }
  2325. .activity_kan {
  2326. width: auto;
  2327. height: 44rpx;
  2328. line-height: 44rpx;
  2329. padding: 0 15rpx;
  2330. // background: linear-gradient(90deg, rgba(254, 159, 15, 1) 0%, rgba(254, 178, 15, 1) 100%);
  2331. background-color: var(--view-theme);
  2332. opacity: 1;
  2333. border-radius: 22rpx;
  2334. margin-left: 19rpx;
  2335. }
  2336. .mask {
  2337. z-index: 300 !important;
  2338. }
  2339. .head-bar {
  2340. background: #fff;
  2341. }
  2342. .generate-posters {
  2343. width: 100%;
  2344. height: 318rpx;
  2345. background-color: #fff;
  2346. position: fixed;
  2347. left: 0;
  2348. bottom: 0;
  2349. z-index: 388;
  2350. transform: translate3d(0, 100%, 0);
  2351. transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  2352. border-top: 1rpx solid #eee;
  2353. border-radius: 20rpx 20rpx 0 0;
  2354. .generateCon {
  2355. height: 220rpx;
  2356. }
  2357. .generateClose {
  2358. height: 98rpx;
  2359. font-size: 24rpx;
  2360. color: #333333;
  2361. border-top: 1px solid #eee;
  2362. }
  2363. .item {
  2364. .pictrue {
  2365. width: 86rpx;
  2366. height: 86rpx;
  2367. border-radius: 50%;
  2368. margin: 0 auto 12rpx auto;
  2369. image {
  2370. width: 100%;
  2371. height: 100%;
  2372. border-radius: 50%;
  2373. }
  2374. }
  2375. }
  2376. }
  2377. .generate-posters.on {
  2378. transform: translate3d(0, 0, 0);
  2379. }
  2380. .generate-posters .item {
  2381. flex: 1;
  2382. text-align: center;
  2383. font-size: 24rpx;
  2384. }
  2385. .generate-posters .item .icon-pengyouquan {
  2386. font-size: 104rpx;
  2387. color: #5eae72;
  2388. }
  2389. .generate-posters .item .iconfont.icon-haibao {
  2390. color: #5391f1;
  2391. }
  2392. .generate-posters .item .iconfont.icon-haowuquan1 {
  2393. color: #ff954d;
  2394. }
  2395. .product-con .footer {
  2396. padding: 0 20rpx 0 30rpx;
  2397. position: fixed;
  2398. bottom: 0;
  2399. width: 100%;
  2400. box-sizing: border-box;
  2401. background-color: #fff;
  2402. z-index: 277;
  2403. border-top: 1px solid #f0f0f0;
  2404. height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  2405. height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
  2406. padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
  2407. padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
  2408. }
  2409. .product-con .footer .item {
  2410. font-size: 18rpx;
  2411. color: #666;
  2412. }
  2413. .product-con .footer .item .iconfont {
  2414. text-align: center;
  2415. font-size: 40rpx;
  2416. }
  2417. .product-con .footer .item .iconfont.icon-shoucang1 {
  2418. color: var(--view-theme);
  2419. }
  2420. .product-con .footer .item .iconfont.icon-gouwuche1 {
  2421. font-size: 40rpx;
  2422. position: relative;
  2423. }
  2424. .product-con .footer .item .iconfont.icon-gouwuche1 .num {
  2425. color: #fff;
  2426. position: absolute;
  2427. font-size: 18rpx;
  2428. padding: 2rpx 10rpx 3rpx;
  2429. border-radius: 200rpx;
  2430. top: -10rpx;
  2431. right: -10rpx;
  2432. }
  2433. .product-con .footer .bnt {
  2434. width: 444rpx;
  2435. height: 76rpx;
  2436. }
  2437. .product-con .footer .bnt .bnts {
  2438. width: 222rpx;
  2439. text-align: center;
  2440. line-height: 76rpx;
  2441. color: #fff;
  2442. font-size: 28rpx;
  2443. }
  2444. .product-con .footer .bnt .joinCart {
  2445. border-radius: 50rpx 0 0 50rpx;
  2446. background-color: var(--view-bntColor);
  2447. // background-image: linear-gradient(to right, #fea10f 0%, #fa8013 100%);
  2448. }
  2449. .product-con .footer .bnt .buy {
  2450. border-radius: 0 50rpx 50rpx 0;
  2451. background-color: var(--view-theme);
  2452. // background-image: linear-gradient(to right, #fa6514 0%, #e93323 100%);
  2453. }
  2454. .product-con .footer .bnt.fictitious .bnts {
  2455. width: 100%;
  2456. }
  2457. .product-con .footer .bnt.fictitious .buy {
  2458. border-radius: 50rpx;
  2459. }
  2460. .product-con .store-info {
  2461. margin-top: 20rpx;
  2462. background-color: #fff;
  2463. }
  2464. .product-con .store-info .title {
  2465. padding: 0 30rpx;
  2466. font-size: 28rpx;
  2467. color: #282828;
  2468. height: 80rpx;
  2469. line-height: 80rpx;
  2470. border-bottom: 1px solid #f5f5f5;
  2471. }
  2472. .product-con .store-info .info {
  2473. padding: 0 30rpx;
  2474. height: 126rpx;
  2475. }
  2476. .product-con .store-info .info .picTxt {
  2477. width: 615rpx;
  2478. }
  2479. .product-con .store-info .info .picTxt .pictrue {
  2480. width: 76rpx;
  2481. height: 76rpx;
  2482. }
  2483. .product-con .store-info .info .picTxt .pictrue image {
  2484. width: 100%;
  2485. height: 100%;
  2486. border-radius: 6rpx;
  2487. }
  2488. .product-con .store-info .info .picTxt .text {
  2489. width: 522rpx;
  2490. }
  2491. .product-con .store-info .info .picTxt .text .name {
  2492. font-size: 30rpx;
  2493. color: #282828;
  2494. }
  2495. .product-con .store-info .info .picTxt .text .address {
  2496. font-size: 24rpx;
  2497. color: #666;
  2498. margin-top: 3rpx;
  2499. }
  2500. .product-con .store-info .info .picTxt .text .address .iconfont {
  2501. color: #707070;
  2502. font-size: 18rpx;
  2503. margin-left: 10rpx;
  2504. }
  2505. .product-con .store-info .info .picTxt .text .address .addressTxt {
  2506. max-width: 480rpx;
  2507. }
  2508. .product-con .store-info .info .iconfont {
  2509. font-size: 40rpx;
  2510. }
  2511. .product-con .superior {
  2512. background-color: #fff;
  2513. padding-bottom: 10rpx;
  2514. margin: 20rpx 20rpx 0 20rpx;
  2515. border-radius: 12rpx;
  2516. }
  2517. .product-con .superior .title {
  2518. height: 98rpx;
  2519. }
  2520. .product-con .superior .title .lingw {
  2521. width: 23rpx;
  2522. height: 23rpx;
  2523. background-color: var(--view-minorColorT);
  2524. transform: rotate(45deg);
  2525. }
  2526. .product-con .superior .title .lingn {
  2527. width: 11rpx;
  2528. height: 11rpx;
  2529. background-color: var(--view-theme);
  2530. }
  2531. .product-con .superior .title image {
  2532. width: 30rpx;
  2533. height: 30rpx;
  2534. }
  2535. .product-con .superior .title .titleTxt {
  2536. margin: 0 20rpx;
  2537. font-size: 30rpx;
  2538. color: var(--view-theme);
  2539. // background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%);
  2540. // -webkit-background-clip: text;
  2541. // -webkit-text-fill-color: transparent;
  2542. }
  2543. .product-con .superior .slider-banner {
  2544. width: 676rpx;
  2545. margin: 0 auto;
  2546. position: relative;
  2547. }
  2548. .product-con .superior .slider-banner swiper {
  2549. height: 100%;
  2550. width: 100%;
  2551. }
  2552. .product-con .superior .slider-banner swiper-item {
  2553. height: 100%;
  2554. }
  2555. .product-con .superior .slider-banner .list {
  2556. width: 100%;
  2557. }
  2558. .product-con .superior .slider-banner .list .item {
  2559. width: 198rpx;
  2560. margin: 0 38rpx 30rpx 0;
  2561. font-size: 26rpx;
  2562. }
  2563. .product-con .superior .slider-banner .list .item:nth-of-type(3n) {
  2564. margin-right: 0;
  2565. }
  2566. .product-con .superior .slider-banner .list .item .pictrue {
  2567. position: relative;
  2568. width: 100%;
  2569. height: 198rpx;
  2570. border-radius: 20rpx;
  2571. }
  2572. .product-con .superior .slider-banner .list .item .pictrue image {
  2573. width: 100%;
  2574. height: 100%;
  2575. border-radius: 20rpx;
  2576. }
  2577. .product-con .superior .slider-banner .list .item .name {
  2578. color: #282828;
  2579. margin-top: 12rpx;
  2580. }
  2581. .product-con .superior .slider-banner .swiper-pagination-bullet {
  2582. background-color: #999;
  2583. }
  2584. .product-con .superior .slider-banner .swiper-pagination-bullet-active {
  2585. background-color: #e93323;
  2586. }
  2587. button {
  2588. padding: 0;
  2589. margin: 0;
  2590. line-height: normal;
  2591. background-color: #fff;
  2592. }
  2593. button::after {
  2594. border: 0;
  2595. }
  2596. action-sheet-item {
  2597. padding: 0;
  2598. height: 240rpx;
  2599. align-items: center;
  2600. display: flex;
  2601. }
  2602. .contact {
  2603. font-size: 16px;
  2604. width: 50%;
  2605. background-color: #fff;
  2606. padding: 8rpx 0;
  2607. border-radius: 0;
  2608. margin: 0;
  2609. line-height: 2;
  2610. }
  2611. .contact::after {
  2612. border: none;
  2613. }
  2614. .action-sheet {
  2615. font-size: 17px;
  2616. line-height: 1.8;
  2617. width: 50%;
  2618. position: absolute;
  2619. top: 0;
  2620. right: 0;
  2621. padding: 25rpx 0;
  2622. }
  2623. .canvas {
  2624. z-index: 300;
  2625. width: 750px;
  2626. height: 1300px;
  2627. }
  2628. .poster-pop {
  2629. width: 460rpx;
  2630. height: 800rpx;
  2631. position: fixed;
  2632. left: 50%;
  2633. transform: translateX(-50%);
  2634. z-index: 399;
  2635. top: 50%;
  2636. margin-top: -559rpx;
  2637. }
  2638. .poster-pop image {
  2639. width: 100%;
  2640. height: 100%;
  2641. display: block;
  2642. border-radius: 18rpx;
  2643. }
  2644. .poster-pop .close {
  2645. width: 46rpx;
  2646. height: 75rpx;
  2647. position: fixed;
  2648. right: 0;
  2649. top: -73rpx;
  2650. display: block;
  2651. }
  2652. .poster-pop .save-poster {
  2653. background-color: #df2d0a;
  2654. font-size: :22rpx;
  2655. color: #fff;
  2656. text-align: center;
  2657. height: 76rpx;
  2658. line-height: 76rpx;
  2659. width: 100%;
  2660. }
  2661. .poster-pop .keep {
  2662. color: #fff;
  2663. text-align: center;
  2664. font-size: 25rpx;
  2665. margin-top: 10rpx;
  2666. }
  2667. .mask {
  2668. position: fixed;
  2669. top: 0;
  2670. left: 0;
  2671. right: 0;
  2672. bottom: 0;
  2673. background-color: rgba(0, 0, 0, 0.6);
  2674. z-index: 9;
  2675. }
  2676. .pro-wrapper .iconn {
  2677. background-image: url('data:image/png;base64,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');
  2678. width: 100rpx;
  2679. height: 100rpx;
  2680. background-repeat: no-repeat;
  2681. background-size: 100% 100%;
  2682. margin: 0 auto;
  2683. }
  2684. .pro-wrapper .iconn.iconn1 {
  2685. background-image: url('data:image/png;base64,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');
  2686. }
  2687. .navbar .header {
  2688. height: 96rpx;
  2689. font-size: 30rpx;
  2690. color: #050505;
  2691. background-color: #fff;
  2692. /* #ifdef APP-PLUS */
  2693. width: 100%;
  2694. /* #endif */
  2695. }
  2696. .home {
  2697. /* #ifdef H5 */
  2698. top: 20rpx !important;
  2699. /* #endif */
  2700. }
  2701. .navbar .header .item {
  2702. position: relative;
  2703. margin: 0 25rpx;
  2704. }
  2705. .navbar .header .item.on:before {
  2706. position: absolute;
  2707. width: 60rpx;
  2708. height: 5rpx;
  2709. background-repeat: no-repeat;
  2710. content: '';
  2711. // background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%);
  2712. background-color: var(--view-theme);
  2713. bottom: -10rpx;
  2714. left: 50%;
  2715. margin-left: -28rpx;
  2716. }
  2717. .navbar {
  2718. position: fixed;
  2719. background-color: #fff;
  2720. top: 0;
  2721. left: 0;
  2722. z-index: 99;
  2723. width: 100%;
  2724. }
  2725. .navbar .navbarH {
  2726. position: relative;
  2727. }
  2728. .navbar .navbarH .navbarCon {
  2729. position: absolute;
  2730. bottom: 0;
  2731. height: 100rpx;
  2732. width: 100%;
  2733. /* #ifndef APP-PLUS || H5 || MP-ALIPAY */
  2734. // justify-content: flex-end;
  2735. padding-left: 48px;
  2736. /* #endif */
  2737. }
  2738. .home {
  2739. color: #333;
  2740. position: fixed;
  2741. /* #ifdef MP */
  2742. width: 126rpx;
  2743. left: 15rpx;
  2744. /* #endif */
  2745. /* #ifndef MP */
  2746. width: 56rpx;
  2747. left: 33rpx;
  2748. /* #endif */
  2749. height: 56rpx;
  2750. z-index: 99;
  2751. background: rgba(255, 255, 255, 0.3);
  2752. border: 1px solid rgba(0, 0, 0, 0.1);
  2753. border-radius: 40rpx;
  2754. font-size: 33rpx;
  2755. &.right {
  2756. right: 33rpx;
  2757. left: unset
  2758. }
  2759. &.on {
  2760. background: unset;
  2761. color: #333;
  2762. }
  2763. &.homeIndex {
  2764. /* #ifdef MP */
  2765. width: 98rpx;
  2766. /* #endif */
  2767. /* #ifndef MP */
  2768. border-color: rgba(255, 255, 255, 0);
  2769. /* #endif */
  2770. }
  2771. }
  2772. .home .iconfont {
  2773. width: 58rpx;
  2774. text-align: center;
  2775. }
  2776. .home .line {
  2777. width: 1rpx;
  2778. height: 34rpx;
  2779. background: #B3B3B3;
  2780. }
  2781. .home .icon-xiangzuo {
  2782. font-size: 28rpx;
  2783. }
  2784. .share-box {
  2785. z-index: 1000;
  2786. position: fixed;
  2787. left: 0;
  2788. top: 0;
  2789. width: 100%;
  2790. height: 100%;
  2791. image {
  2792. width: 100%;
  2793. height: 100%;
  2794. }
  2795. }
  2796. .product-con .conter {
  2797. display: block;
  2798. padding-bottom: 100rpx;
  2799. }
  2800. .product-con .conter img {
  2801. display: block;
  2802. }
  2803. .svipCon {
  2804. height: 64rpx;
  2805. padding: 0 26rpx 0 60rpx;
  2806. margin: 8rpx 20rpx 0;
  2807. background: url('data:image/png;base64,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') center/100% 100% no-repeat;
  2808. font-size: 24rpx;
  2809. color: #ae5a2a;
  2810. }
  2811. .svipCon .iconfont {
  2812. margin-left: 12rpx;
  2813. font-size: 24rpx;
  2814. }
  2815. .product-con .wrapper .share .money image {
  2816. width: 56rpx;
  2817. height: 20rpx;
  2818. }
  2819. </style>