1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851 |
- <template>
- <view class="shop_homepage">
- <!-- 透明遮罩层 -->
- <view class="transparent_mask" v-if="transparent_mask" @tap="hideMask"></view>
- <view class="content">
- <!-- 搜索 -->
- <view class="fixed_top_status_bar" v-if="!searchShow"></view>
- <view class="search" v-if="!searchShow">
- <!-- #ifdef H5 || APP-PLUS -->
- <image class="top_w_b top_w_b_not " @tap="go_back" v-if="!shop_open" :src="imgUrl+'/to_right.png'"></image>
- <image class="top_w_b" @tap="go_back" v-else :src="imgUrl+'store/white_arrow_l.png'"></image>
- <!-- #endif -->
- <view v-if="shop_open" class="search_input" @tap="goSearch">
- <image :src="imgUrl+'store/shop_list_search.png'"></image>
- <input :placeholder="$L('搜索店铺内商品')" disabled="true"></input>
- </view>
- <view v-if="shop_open" class="more_tips">
- <image class="more" :src="imgUrl+'store/more1.png'" @tap="moreTips"></image>
- <block v-if="tips_show">
- <view class="triangle-up"> </view>
- <view class="tips">
- <button v-for="(item, index) in tips" :key="index" class="tips_pre" @tap="handleLink" :data-link="item.tips_link"
- :open-type="item.type" :data-type="item.type" plain="true">
- <image :src="item.tips_img"></image>
- <text>{{item.tips_name}}</text>
- </button>
- </view>
- </block>
- </view>
- </view>
- <!-- 搜索 -->
- <view class="fixed_top_status_bar" :style="'opacity:'+scrollTopH/100"></view>
- <view class="search1" v-if="(!homePage || searchShow)&&shop_open">
- <!-- #ifdef H5 || APP-PLUS -->
- <image class="top_w_b" @tap="go_back" :src="imgUrl+'store/to_right.png'"></image>
- <!-- #endif -->
- <view class="search_input" @tap="goSearch">
- <image :src="imgUrl+'store/shop_list_search.png'"></image>
- <input :placeholder="$L('搜索店铺内商品')" disabled="true"></input>
- </view>
- <view class="more_tips">
- <image class="more" :src="imgUrl+'store/more_black.png'" @tap="moreTips"></image>
- <block v-if="tips_show">
- <view class="triangle-up"> </view>
- <view class="tips">
- <button v-for="(item, index) in tips" :key="index" class="tips_pre" @tap="handleLink" :data-link="item.tips_link"
- :open-type="item.type" :data-type="item.type" plain="true">
- <image :src="item.tips_img"></image>
- <text>{{item.tips_name}}</text>
- </button>
- </view>
- </block>
- </view>
- </view>
- <!-- 店铺信息-->
- <view class="shop_des" v-if="shop_open" :style="'background-image:url(' + ((homePage || !searchShow) ? store_banner : '') + ');background-size:100% 100%;background-repeat:no-repeat;'">
- <view class="des_top" v-if="homePage">
- <view class="shop_info" :style="'opacity:'+(1-(scrollTopH)/60)">
- <view class="info_left" @tap="handleStoreIntroduction" :data-vid="vender_detail.storeId">
- <image class="avat" :src="vender_detail.storeLogoUrl" mode="aspectFill"></image>
- <view class="info_des">
- <view class="info_top">
- <text>{{vender_detail.storeName}}</text>
- <image :src="imgUrl+'store/rightdown.png'"></image>
- <text v-if="vender_detail.isOwnShop == 1">{{$L('自营')}}</text>
- </view>
- <view class="info_bot">
- <image :src="imgUrl+'store/renqizhi.png'"></image>
- <text>人气:{{vender_detail.followNumber}}</text>
- </view>
- </view>
- </view>
- <view :class="is_favorites == 'false' ? 'info_right' : 'info_right1'" @tap="collect">{{is_favorites == 'false' ? '关注' : '已关注'}}</view>
- </view>
- <!-- 店铺首页,全部分类,商品上新,优惠券 -->
- <view class="select_nav" v-if="!fenlei && !no_content_decor" :style="'opacity:'+(1-(scrollTopH)/160)">
- <view v-for="(item, idx) in navList" :key="idx" class="nav_item" @tap="tabItemTap(idx)" :data-idx="idx">
- <image :src="idx == currentTabIndex || (currentTabIndex == 0 && index == 0) && isSelect ? item.selImgUrl : item.imgUrl"></image>
- <text>{{item.name}}</text>
- </view>
- </view>
- <!-- 店铺未装修不显示店铺首页 -->
- <view class="select_nav" v-if="!fenlei && no_content_decor" :style="'opacity:'+(1-(scrollTopH)/160)">
- <view v-for="(item, idx) in navList1" :key="idx" class="nav_item" @tap="tabItemTap(idx)" :data-idx="idx">
- <image :src="idx == currentTabIndex || (currentTabIndex == 0 && index == 0) && isSelect ? item.selImgUrl : item.imgUrl"></image>
- <text>{{item.name}}</text>
- </view>
- </view>
- </view>
- <view :class="homePage ? 'des_con' : 'des_con1'" v-if="!fenlei" :style="'overflow:' + ((no_content_decor || no_content_productList || no_content_newProductList || no_content_coupon) ? 'hidden' : 'auto')">
- <!-- 店铺首页 -->
- <view class="home_decoration" v-if="home_decoration && !no_content_decor&& is_load_home_dec">
- <home-deco :deco_info="deco_data" :store_width='width' :store_height='height' is_show_top='is_show_top'
- :store_page_img='home_page_img' :home_is_show_top_cat="home_is_show_top_cat" :is_from_found="false" :store_id='vid'></home-deco>
- <!-- <view class="no_content" wx:if="{{no_content_decor}}">
- <image src="{{imgUrl + 'site/no_content.png'}}"></image>
- <text>店铺暂未装修~</text>
- </view> -->
- </view>
- <!-- 全部商品 -->
- <view class="all_commodities" v-if="all_commodities">
- <view :class="'all_commodities_nav ' + (searchShow ? 'nav1' : '')" v-if="all_commodities">
- <view class="comprehensive" @tap="commoditiesNav" data-index="0">
- <text :class="'pre_title ' + (commodNavIdx == 0 ? 'active' : '')">{{$L('综合')}}</text>
- </view>
- <view :class="'sales_volume ' + (commodNavIdx == 1 ? 'active' : '')" @tap="commoditiesNav" data-index="1"
- data-isAscendingOrder="0">{{$L('销量')}}</view>
- <view class="price" @tap="commoditiesNav" data-index="2">
- <text :class="'pre_title ' + (commodNavIdx == 2 ? 'active' : '')">{{$L('价格')}}</text>
- <view class="price_switch">
- <image class="xiala_up" :src="commodNavIdx == 2 && isAscendingOrder == 1 ? imgUrl+'store/xiala_up1.png' : imgUrl+'store/xiala_up.png'"></image>
- <image class="xiala_down" :src="commodNavIdx != 2 ? imgUrl+'store/xiala_down.png' : commodNavIdx == 2 && isAscendingOrder == 1 ? imgUrl+'store/xiala_down.png' : imgUrl+'store/xiala_down1.png'"></image>
- </view>
- </view>
- <view :class="'sales_volume ' + (commodNavIdx == 5 ? 'active' : '')" @tap="commoditiesNav" data-index="5">人气</view>
- <view class="layout" @tap="layoutSwitch">
- <image :src="grid_list ? imgUrl+'store/fenlei1.png' : imgUrl+'store/fenlei2.png'"></image>
- </view>
- </view>
- <block v-if="productList && productList.length">
- <!-- 商品列表 -->
- <view class>
- <view :class="(grid_list ? 'all_commodities_list' : 'list') + ' ' + (searchShow ? 'product1' : '')">
- <view v-for="(item, index) in productList" :key="index" class="list_pre" @tap="goods_detail(item.defaultProductId,item.goodsId)">
- <view class="pre_img">
- <image :src="item.goodsImage" mode="aspectFill"></image>
- </view>
- <view class="pre_des">
- <view class="des_name">{{item.goodsName}}</view>
- <view class="des_info">{{item.goodsBrief}}</view>
- <!-- <view class="time_limited_discount">限时折扣</view> -->
- <view v-for="(item1, index2) in item.activityList" :key="index2" class="time_limited">
- <view class="time_limited_discount" :style="'background:linear-gradient(to right,' + item1.color[0] + ',' + item1.color[1] + ');'"
- v-if="item1.name!='' && item1.color && item1.color[0] && item1.color[1]">{{item1.name}}</view>
- </view>
- <view class="des_desc">
- <view class="commodity_price"><text>¥</text><text>{{$getPartNumber(item.goodsPrice,'int')}}</text><text>{{$getPartNumber(item.goodsPrice,'decimal')}}</text></view>
- <text class="salenum" v-if="grid_list && item.goodsPrice < 999999.99">{{item.saleNum}}{{$L('人已付款')}}</text>
- <text class="salenum" v-if="!grid_list">{{item.saleNum}}{{$L('人已付款')}}</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="is_more">{{hasmore ? '数据加载中...' : '数据加载完毕~'}}</view>
- </block>
- <!-- 无商品 -->
- <block v-if="no_content_productList">
- <view class="no_content">
- <image :src="imgUrl + 'store/no_content.png'"></image>
- <text>{{$L('暂无任何商品')}}~</text>
- </view>
- </block>
- </view>
- <!-- 商品上新 -->
- <view class="new_products" v-if="new_products">
- <block v-if="new_productList && new_productList.length">
- <!-- 商品列表 -->
- <view class>
- <view v-for="(item, index) in new_productList" :key="index" class="new_products_pre">
- <view class="new_products_top">
- <text class="line"></text>
- <view class="new_products_title">
- <image :src="imgUrl+'store/shijian_title.png'"></image>
- <text>{{item.onLineTime}}{{$L('上新')}}</text>
- </view>
- <text class="line"></text>
- </view>
- <view class="all_commodities_list">
- <view v-for="(item1, index2) in item.goodsVOList" :key="index2" class="list_pre" @tap="goods_detail(item1.productId,item1.goodsId)">
- <view class="pre_img">
- <image :src="item1.mainImage" mode='aspectFit'></image>
- </view>
- <view class="pre_des">
- <view class="des_name">{{item1.goodsName}}</view>
- <view class="des_info">{{item1.goodsBrief}}</view>
- <!-- <view class="time_limited_discount">限时折扣</view> -->
- <!-- <view v-for="(item2, index) in item1.limited_activities" :key="index" class="discount">
- <view class="time_limited_discount" :style="'background:linear-gradient(to right,' + item2.color[0] + ',' + item2.color[1] + ');'">{{item2.name}}</view>
- </view> -->
- <view class="des_desc">
- <view class="commodity_price"><text>¥</text><text>{{$getPartNumber(item1.goodsPrice,'int')}}</text><text>{{$getPartNumber(item1.goodsPrice,'decimal')}}</text></view>
- <text class="salenum" v-if="item1.goodsPrice < 999999.99">{{item1.actualSales}}{{$L('人已付款')}}</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="is_more" style="margin:10rpx 0 30rpx;">{{hasmore ? '数据加载中...' : '数据加载完毕~'}}</view>
- </block>
- <block v-if="no_content_newProductList">
- <view class="no_content">
- <image :src="imgUrl + 'store/no_content.png'"></image>
- <text>{{$L('暂无商品上新')}}~</text>
- </view>
- </block>
- </view>
- <!-- 优惠券 -->
- <view class="coupon" v-if="coupon">
- <block v-if="couponList && couponList.length">
- <!-- 优惠券列表 -->
- <view class>
- <view v-for="(item, index) in couponList" class="coupon_pre" :key="item.id">
- <view class="conpon_des" :style="'background-image:url(' + (imgUrl + 'store/coupon_bg.png') + '); background-size:100%'">
- <view class="conpon_des_top">
- <!-- <view class="{{item.receivedNum == item.limitReceive ? 'coupon_des_left1' : item.have == 0 ? 'coupon_des_left' : 'coupon_des_left1'}}">{{item.redinfo_money}}<text class="yuan">元</text></view> -->
- <view class="coupon_des_left">{{item.limitQuota}}<text class="yuan">元</text></view>
- <!-- <view v-else-if="item.have < item.red_rach_max" class="coupon_des_left">{{item.limitQuota}}<text class="yuan">元</text></view> -->
- <!-- <view v-else class="coupon_des_left1">{{item.limitQuota}}<text class="yuan">元</text></view> -->
- <view class="coupon_des_con">
- <!-- {{item.receivedNum != item.limitReceive && item.have == 0}} -->
- <view class="progress-box" style="display:flex" v-if="item.receivedNum != item.publishNum && item.have < item.red_rach_max">
- <progress :percent="item.per" backgroundColor="#FFFFFF" activeColor="#FF0000" font-size="22rpx"
- border-radius="5rpx" stroke-width="3" style="width:60%;height: 25%;border: 1rpx solid #FF0000; border-right:2rpx solid #FF0000;border-radius:5rpx"></progress>
- <text class="progress_text">{{$L('')}}已抢{{item.per}}%</text>
- </view>
- <view class="full_reduction">{{item.couponName}}</view>
- <view class="validity">{{$L('有效期')}}:{{item.publishStartTime}}-{{item.publishEndTime}}</view>
- </view>
- <!-- <view class="coupon_des_right {{item.receivedNum == item.limitReceive ? 'coupon_des_right1' : item.have == 0 ? '' : 'coupon_des_right1'}}" bindtap="receive" data-redid="{{item.id}}">
- <text>{{item.receivedNum == item.limitReceive ? '已抢完' : item.have < item.red_rach_max ? '立即领取' : '已领取'}}</text>
- <text>{{item.have == 0 && item.receivedNum != item.limitReceive ? '已领取' : item.receivedNum == item.limitReceive ? '已抢完' : item.have < item.red_rach_max ? '立即领取' : '' }}</text>
- </view> -->
- <view class="coupon_des_right1" v-if="item.isReceive == 3">
- <text>{{$L('已抢完')}}</text>
- </view>
- <view class="coupon_des_right" @tap="receive" :data-couponid="item.couponId" v-if="item.isReceive == 1">
- <text>{{$L('立即领取')}}</text>
- </view>
- <view class="coupon_des_right1" v-if="item.isReceive == 2">
- <text>{{$L('已领取')}}</text>
- </view>
- </view>
- <view class="conpon_des_bot">
- <view class="conpon_show" @tap="handleOpen">
- <view :class="'text ' + (conpon_show ? 'text2' : 'text1')"><text>{{$L('使用规则')}}</text>:{{item.useTypeValue}}</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="is_more" style="margin-top:20rpx;">{{hasmore ? '数据加载中...' : '数据加载完毕~'}}</view>
- </block>
- <block v-if="no_content_coupon">
- <view class="no_content">
- <image :src="imgUrl + 'store/no_coupon.png'"></image>
- <text>{{$L('暂无优惠券')}}~</text>
- </view>
- </block>
- </view>
- </view>
- <!-- 分类 -->
- <view class="fenlei" v-if="fenlei">
- <view>
- <view class="fenlei_lists" v-if="classifyList && classifyList.length > 0">
- <view v-for="(item, index) in classifyList" :key="index" class="fenlei_pre">
- <view class="fenlei_pre_top" :data-stc_id="item.innerLabelId" :data-stc_name="item.innerLabelName" @tap="handleProClas">
- <view class="fenlei_pre_title">{{item.innerLabelName}}</view>
- <image src="store/right_bg.png"></image>
- </view>
- <view class="fenlei_list" v-if="item && item.children && item.children.length > 0">
- <text v-for="(item1, index2) in item.children" :key="index2" :data-stc_id="item1.innerLabelId" :data-stc_name="item1.innerLabelName"
- @tap="handleProClas">{{item1.innerLabelName}}</text>
- </view>
- </view>
- </view>
- <view class="fenlei_lists" v-if="no_content_fenlei">
- <view class="no_fenlei">
- <image :src="imgUrl + 'store/no_product.png'"></image>
- <text>{{$L('暂无商品分类')}}</text>
- </view>
- </view>
- </view>
- <!-- 推荐商品 -->
- <view class="all_commodities_list all_commodities_list1" v-if="recommend_productList && recommend_productList.length">
- <view class="commodities_list">
- <view v-for="(item, index) in recommend_productList" :key="index" class="list_pre" :data-gid="item.gid" @tap="goods_detail">
- <view class="pre_img">
- <image :src="item.goods_image_url" mode='aspectFit'></image>
- </view>
- <view class="pre_des">
- <view class="des_name">{{item.goods_name}}</view>
- <view class="des_info">{{item.goods_jingle}}</view>
- <!-- <view class="time_limited_discount">限时折扣</view> -->
- <view v-for="(item1, index2) in item.limited_activities" :key="index2" class="discount">
- <view class="time_limited_discount" :style="'background:linear-gradient(to right,' + item1.color[0] + ',' + item1.color[1] + ');'">{{item1.name}}</view>
- </view>
- <view class="des_desc">
- <view class="commodity_price"><text>¥</text><text>{{filters.toSplit(item.goods_price)[0]}}</text>.<text>{{filters.toSplit(item.goods_price)[1]}}</text></view>
- <text class="salenum" v-if="item.goods_price < 999999.99">{{item.goods_salenum}}{{$L('人已付款')}}</text>
- </view>
- </view>
- </view>
- </view>
- <view class="is_more">{{hasmore ? '数据加载中...' : '数据加载完毕~'}}</view>
- </view>
- </view>
- </view>
- <!-- 店铺不存在 -->
- <view class="empty_sort_page" v-if="!shop_open">
- <image :src="imgUrl+'index/empty.png'" mode="aspectFit" class="empty_img"></image>
- <view class="empty_text">{{$L('店铺不存在或已关闭')}}~</view>
- </view>
- </view>
- <!-- 底部tab栏 -->
- <view class="tabbar" v-if="shop_open" :style="'bottom:'+bottomSateArea">
- <view v-for="(item, idx) in tabBarList" :key="idx" class="tabbar_pre" @tap="hanbleTab" :data-idx="idx">
- <image :src="idx == tabcurrentTabIndex || index == 0 && tabisSelect ? item.selImgUrl : item.imgUrl"></image>
- <text :class="idx == tabcurrentTabIndex || index == 0 && tabisSelect ? 'pre_sel' : ''">{{item.name}}</text>
- </view>
- <view class="tabbar_pre" @tap="tokefu" :data-idx="idx">
- <image :src="imgUrl+'chat/chat_service.png'"></image>
- <text class="">客服</text>
- </view>
- </view>
- <!-- 分享 -->
- <view class="select-wrap" catchtouchmove="touchmoveshare" v-if="shareWrap2">
- <view class="share-mode">
- <!-- #ifdef APP-PLUS -->
- <view class="ul">
- <button @tap.stop="sldShare(0,'WXSceneSession')" class="item">
- <image :src="imgUrl+'store/wx_share.png'" mode="widthFix"></image>
- <text>{{$L('微信好友')}}</text>
- </button>
- <button @tap.stop="sldShare(0,'WXSenceTimeline')" class="item">
- <image :src="imgUrl+'store/pyq_share.png'" mode="widthFix"></image>
- <text>{{$L('微信朋友圈')}}</text>
- </button>
- </view>
- <!-- #endif -->
- <!-- #ifdef H5 -->
- <view class="is_h5_share" v-if="!iswx">
- <view class="share-img" @tap="prevImg">
- <image :src="share_img_h5" mode="widthFix"></image>
- </view>
- <image :src="imgUrl + 'store/fx_share_code.png'" mode="" class="h5_share_tips"></image>
- </view>
- <view class="is_h5_public_share" v-if="iswx" @tap="closeShare">
- <image :src="imgUrl+'wx_share_tip.png'" mode="widthFix" class="wx_share_img"></image>
- </view>
- <!-- #endif -->
- <!-- #ifdef H5 -->
- <view class="close" @tap="closeShare" v-if="!iswx">
- <image :src="imgUrl+'store/share_close2.png'"></image>
- </view>
- <!-- #endif -->
- <!-- #ifndef H5 -->
- <view class="close" @tap="closeShare">
- <image :src="imgUrl+'store/share_close2.png'"></image>
- </view>
- <!-- #endif -->
- </view>
- </view>
- <!-- 底部站位栏 -->
- <view class="iphone_view" :style="'height:'+bottomSateArea"></view>
- </view>
- </template>
- <script module="filters" lang="wxs" src="../../utils/filter.wxs"></script>
- <script>
- import HomeDeco from '@/components/home_deco.vue'
- let imgUrl = getApp().globalData.imgUrl; //引用全局变量,图片域名
- // 加载js
- //引用全局变量,图片域名
- // 加载js
- import {
- getSceneParam,
- isWeiXinBrower
- } from "../../utils/common";
- import {
- mapState,mapMutations
- } from 'vuex';
- export default {
- data() {
- return {
- // index: '',
- bid: '',
- vid: '',
- store_list: [],
- searchVal: '', //搜索框内的值
- searchList: [],
- show: false,
- searchShow: false,
- currentTabIndex: 0, //选项卡,默认综合排序
- isSelect: false,
- navList: [{
- "name": "店铺首页",
- "imgUrl": imgUrl + "store/qiyeyunicon.png",
- "selImgUrl": imgUrl + 'store/qiyeyunicon_sel.png'
- }, {
- "name": "全部商品",
- "imgUrl": imgUrl + "store/shangpin.png",
- "selImgUrl": imgUrl + 'store/shangpin_sel.png'
- }, {
- "name": "商品上新",
- "imgUrl": imgUrl + "store/iconfont37newtag.png",
- "selImgUrl": imgUrl + 'store/shangxin_sel.png'
- }, {
- "name": "优惠券",
- "imgUrl": imgUrl + 'store/youhuiquan1.png',
- "selImgUrl": imgUrl + 'store/youhuiquan.png'
- }],
- navList1: [{
- "name": "全部商品",
- "imgUrl": imgUrl + "store/shangpin.png",
- "selImgUrl": imgUrl + 'store/shangpin_sel.png'
- }, {
- "name": "商品上新",
- "imgUrl": imgUrl + "store/iconfont37newtag.png",
- "selImgUrl": imgUrl + 'store/shangxin_sel.png'
- }, {
- "name": "优惠券",
- "imgUrl": imgUrl + 'store/youhuiquan1.png',
- "selImgUrl": imgUrl + 'store/youhuiquan.png'
- }],
- tabBarList: [{
- "name": "首页",
- "imgUrl": imgUrl + 'store/bar1.png',
- "selImgUrl": imgUrl + 'store/bar1_sel.png'
- }, {
- "name": "商品",
- "imgUrl": imgUrl + 'store/dianpu.png',
- "selImgUrl": imgUrl + 'store/dianpu_sel.png'
- }, {
- "name": "分类",
- "imgUrl": imgUrl + 'store/fenlei.png',
- "selImgUrl": imgUrl + 'store/fenlei_sel.png'
- }],
- is_favorites: '0', //是否被收藏
- vender_detail: {}, //店铺详情
- home_decoration: true, //店铺首页
- productList: [], //全部商品列表
- current: '1', //默认第一页
- all_commodities: false, //全部商品是否显示
- commodNavIdx: '0', //商品列表nav默认第一项
- isAscendingOrder: 1, //是否升序
- grid_list: true, //是否是两列grid_list布局
- new_products: false, //全部上新
- new_productList: [], //全部上新列表
- coupon: false, //优惠券
- couponList: [], //优惠券列表
- conpon_show: false, //优惠券规则展开
- tabcurrentTabIndex: 0, //默认选中首页
- tabisSelect: false, //tabbar的状态
- homePage: true, //首页显示
- fenlei: false, //分类
- classifyList: [], //店铺分类
- isReceive: false, //优惠券是否已领取
- decorationData: [], //店铺装修数据
- imgUrl: getApp().globalData.imgUrl, //图片地址
- no_more: false, //没有更多数据了
- share_img: '', //点击右上角的分享,分享店铺图片
- share_name: '', //点击右上角分享,分享店铺的名称
- recommend_product: {}, //推荐商品
- recommend_productList: [], //推荐商品列表
- no_recomment_goods: false, //店铺无推荐商品
- no_content_decor: false, //店铺装修无数据
- no_content_productList: false, //店铺无商品列表数据
- no_content_newProductList: false, //店铺无上新列表数据
- no_content_coupon: false, //店铺无优惠券数据
- no_content_fenlei: false, //店铺无分类数据
- store_banner: '', //店铺首页banner图
- hasmore: true, //有无更多
- tips_show: false, //三点分享更多按钮
- tips: [{
- tips_img: imgUrl + 'store/shouye.png',
- tips_name: '首页',
- tips_link: '/pages/index/index',
- type: 'switchTab'
- }, {
- tips_img: imgUrl + 'store/leimupinleifenleileibie1.png',
- tips_name: '分类',
- tips_link: '/pages/category/category',
- type: 'switchTab'
- }, {
- tips_img: imgUrl + "store/shape.png",
- tips_name: '分享',
- tips_link: '',
- type: 'share'
- }, {
- tips_img: imgUrl + 'store/cart.png',
- tips_name: '购物车',
- tips_link: '/pages/cart/cart',
- type: 'switchTab'
- }, {
- tips_img: imgUrl + 'store/gerenzhongxin.png',
- tips_name: '个人中心',
- tips_link: '/pages/user/user',
- type: 'switchTab'
- }],
- transparent_mask: false,
- key: "",
- index: -1,
- scrollTopH: 0,
- bottomSateArea: getApp().globalData.bottomSateArea, //iphone手机底部一条黑线的高度
- shareWrap2: false, // 展示分享弹层
- iswx: false,
- share_img_h5: '',
- pageSize: 10,
- client: '',
- deco_data: [], //首页装修数据
- home_is_show_top_cat: false, //是否显示顶部分类,默认显示
- home_page_img: [],
- width: '',
- height: '',
- is_show_top: false,
- shop_open:true,
- is_load_home_dec:false,
- idx:''
- };
- },
- components: {
- HomeDeco
- },
- props: {},
- onShow() {
- this.venderDetail(); //店铺详情
- this.iswx = this.$isWeiXinBrower();
- },
- computed: {
- ...mapState(['userCenterData','hasLogin'])
- },
- async onLoad(options){
- if (options.scene) {
- let url = decodeURIComponent(options.scene);
- if (getSceneParam(url, 'vid')) {
- options.vid = getSceneParam(url, 'vid');
- }
- }
- let sc_name = options.sc_name;
- let vid = options.vid;
- this.searchVal = sc_name,
- this.vid = vid
- // this.isCollection(); //是否已被收藏
- await this.getShopHome(); //获取店铺首页装修
- this.iswx = this.$isWeiXinBrower();
- if (options.good_list) {
- if (this.no_content_decor) {
- this.tabItemTap(0)
- } else {
- this.tabItemTap(1)
- }
- }
- },
- // 加载更多
- onReachBottom(e) {
- let {
- all_commodities,
- new_products,
- coupon,
- fenlei,
- hasmore
- } = this;
- if (hasmore) {
- if (all_commodities) {
- this.getProductList(); //全部商品列表
- } else if (new_products) {
- this.getNewProductList(); //获取商品上新数据
- } else if (coupon) {
- this.getCouponList(); //获取优惠券列表
- } else if (fenlei) {
- this.getShopClassify(); //获取店铺分类
- // this.getRecommendProductList();
- }
- }
- },
- /**
- * 用户点击右上角分享
- */
- onShareAppMessage: function(options) {
- return {
- title: this.vender_detail.storeName,
- path: this.vender_detail.shareLink,
- imageUrl: this.vender_detail.storeLogoUrl
- };
- },
- methods: {
- ...mapMutations(['saveChatBaseInfo']),
- go_back() {
- uni.navigateBack({});
- },
- tokefu(){
- if(!this.hasLogin){
- this.$api.msg('请登录')
- return
- }
-
- let chatBaseInfo = {};
- chatBaseInfo.memberId = this.userCenterData.memberId;
- chatBaseInfo.memberName = this.userCenterData.memberName;
- chatBaseInfo.memberNickName = this.userCenterData.memberNickName;
- chatBaseInfo.memberAvatar = this.userCenterData.memberAvatar;
- chatBaseInfo.storeId = this.vender_detail.storeId;
- chatBaseInfo.storeLogo = this.vender_detail.storeLogoUrl;
- chatBaseInfo.storeName = this.vender_detail.storeName;
- chatBaseInfo.source = 'store';
- chatBaseInfo.showData = {}
- this.saveChatBaseInfo(chatBaseInfo);
- uni.navigateTo({
- url:'/pages/chat/detail?vid=' + this.vid
- })
- },
- //三点更多分享
- moreTips() {
- let {
- tips_show
- } = this;
- this.tips_show = !tips_show,
- this.transparent_mask = true
- },
- //隐藏透明遮罩层
- hideMask() {
- this.transparent_mask = false,
- this.tips_show = false
- },
- //三点更多分享
- moreTips() {
- let {
- tips_show
- } = this;
- this.tips_show = !tips_show,
- this.transparent_mask = true
- },
- //隐藏透明遮罩层
- hideMask() {
- this.transparent_mask = false,
- this.tips_show = false
- },
- //三点分享链接
- handleLink(e) {
- let link = e.currentTarget.dataset.link;
- let type = e.currentTarget.dataset.type;
- if (type != 'share') {
- uni.switchTab({
- url: link
- });
- } else { //点击了分享
- // #ifndef MP-WEIXIN
- this.shareWrap2 = true;
- this.$weiXinBrowerShare(1, {
- title: this.vender_detail.storeName,
- desc: '刚刚看到一个不错的店铺,快来看看~',
- link: this.vender_detail.shareLink,
- imgUrl: this.vender_detail.storeLogoUrl,
- });
- // #endif
- }
- this.tips_show = false
- },
- //分享 type:分享类型 0 图文 2图片,scene 场景 WXSceneSession:分享朋友 WXSenceTimeline:分享朋友圈
- sldShare: function(type, scene) {
- let shareData = {};
- if (type == 0) {
- shareData.href = this.vender_detail.shareLink;
- shareData.title = this.vender_detail.storeName;
- shareData.summary = '刚刚看到一个不错的店铺,快来看看~';
- shareData.imageUrl = this.vender_detail.storeLogoUrl;
- } else if (type == 2) {
- shareData.imageUrl = this.storeLogoUrl;
- }
- this.$weiXinAppShare(type, scene, shareData);
- this.closeShare(); //关闭分享
- },
- closeShare() {
- this.shareWrap2 = false
- },
- downloadImg() {
- let {
- shareImg
- } = this;
- wx.downloadFile({
- url: shareImg,
- success: res => {
- if (res.statusCode == 200) {
- wx.saveImageToPhotosAlbum({
- filePath: res.tempFilePath,
- success: result => {
- if (result.errMsg == 'saveImageToPhotosAlbum:ok') {
- wx.showToast({
- title: '已保存到本地',
- })
- this.closeShare();
- } else {
- wx.showToast({
- title: '保存失败',
- icon: 'none'
- })
- }
- }
- })
- } else {
- wx.showToast({
- title: '下载失败',
- icon: 'none'
- })
- }
- }
- })
- },
- prevImg() {
- wx.previewImage({
- urls: [this.shareImg],
- })
- },
- //获取滚动条的当前位置
- onPageScroll: function(e) {
- this.tips_show=false
- this.scrollTopH = e.scrollTop;
- if (e.scrollTop > 170) {
- this.searchShow = true
- } else if (this.fenlei && e.scrollTop > 80) {
- this.searchShow = true
- } else {
- this.searchShow = false
- }
- },
- //点击去搜索
- goSearch() {
- uni.navigateTo({
- url: '/pages/store/productSearch?vid=' + this.vid
- });
- },
- //清空搜索输入框内容
- cancel() {
- this.searchVal = '';
- this.searchShow = false;
- this.searchVal = '',
- this.searchShow = false
- this.getProductList();
- },
- //去商品介绍页
- handleStoreIntroduction(e) {
- let vid = e.currentTarget.dataset.vid;
- uni.navigateTo({
- url: '/pages/store/storeIntroduction?vid=' + vid
- });
- },
- //获取店铺首页装修
- async getShopHome() {
- // #ifdef H5
- this.client = 'h5'
- // #endif
- // #ifdef APP-PLUS
- switch (uni.getSystemInfoSync().platform) {
- case 'android':
- this.client = 'android'
- break;
- case 'ios':
- this.client = 'ios'
- break;
- default:
- break;
- }
- // #endif
- // #ifdef MP
- this.client = 'weixinXcx'
- // #endif
- let that = this;
- let {
- vid
- } = that;
- if (vid) {
- let param = {};
- param.data = {}
- param.data.storeId = vid
- param.data.os = this.client
- param.url = 'v3/system/front/deco/storeIndex';
- await this.$request(param).then(res => {
- this.is_load_home_dec = true
- if (res.state == 200) {
- if (res.data.data != '' && res.data.data) {
- this.deco_data = JSON.parse(res.data.data)
- this.no_content_decor = false
- } else {
- // this.tabItemTap(0)
- this.no_content_decor = true
- this.deco_data = null
- this.all_commodities = true
- this.getProductList()
- }
- if (res.data.showTip != null) {
- this.home_page_img = JSON.parse(res.data.showTip)
- const {
- windowWidth,
- windowHeight
- } = uni.getSystemInfoSync();
- this.width = this.home_page_img[0].width || windowWidth * 0.75 * 1.8;
- this.height = this.home_page_img[0].height || windowHeight * 0.56 * 1.8;
- }
- } else if(res.state == 257){
- this.shop_open=false
- } else {
- this.$api.msg(res.msg);
- }
- }).catch((e) => {
- //异常处理
- })
- }
- },
- // 获取全部商品列表
- getProductList() {
- let that = this
- let commodNavIdx = that.commodNavIdx
- let isAscendingOrder = that.isAscendingOrder
- let param = {}
- param.data = {}
- param.url = 'v3/goods/front/goods/goodsList'
- if (that.searchVal) {
- param.data.keyword = that.searchVal;
- }
- // isAscendingOrder
- param.data.current = that.current
- param.data.pageSize = this.pageSize
- if (commodNavIdx == 2) {
- if (isAscendingOrder == 1) {
- param.data.sort = 3
- } else {
- param.data.sort = 4
- }
- } else {
- param.data.sort = commodNavIdx
- }
- param.data.storeId = that.vid
- that.$request(param).then(res => {
- if (res.state == 200) {
- if (res.data.list.length == 0) {
- that.no_content_productList = true
- } else {
- if (that.current == 1) {
- that.productList = res.data.list
- } else {
- that.productList = that.productList.concat(res.data.list);
- }
- let hasmore = this.$checkPaginationHasMore(res.data.pagination); //是否还有数据
- if (hasmore) {
- that.current++;
- }
- that.hasmore = hasmore
- }
- }
- })
- },
- // 获取商品上新列表
- getNewProductList() {
- let that = this
- let param = {}
- param.data = {}
- param.url = 'v3/goods/front/goods/newGoods'
- param.data.pageSize = that.pageSize
- param.data.current = that.current
- param.data.storeId = that.vid
- if (this.searchVal) {
- data.keyword = this.searchVal;
- }
- that.$request(param).then(res => {
- if (res.state == 200) {
- if (res.data.list.length == 0) {
- that.no_content_newProductList = true
- } else {
- if (that.current == 1) {
- that.new_productList = res.data.list
- } else {
- that.new_productList = that.new_productList.concat(res.data.list);
- }
- let hasmore = this.$checkPaginationHasMore(res.data.pagination); //是否还有数据
- if (hasmore) {
- that.current++;
- }
- that.hasmore = hasmore
- }
- } else {
- this.$api.msg(res.msg)
- }
- })
- },
- //优惠券列表
- getCouponList() {
- let that = this
- let param = {}
- param.data = {}
- param.url = 'v3/promotion/front/coupon/storeCouponList'
- param.data.pageSize = that.pageSize
- param.data.current = that.current
- param.data.storeId = that.vid
- that.$request(param).then(res => {
- if (res.state == 200) {
- if (res.data.list.length == 0) {
- that.no_content_coupon = true
- } else {
- if (that.current == 1) {
- that.couponList = res.data.list
- } else {
- that.couponList = that.couponList.concat(res.data.list);
- }
- let hasmore = this.$checkPaginationHasMore(res.data.pagination); //是否还有数据
- if (hasmore) {
- that.current++;
- }
- that.hasmore = hasmore
- }
- } else {
- this.$api.msg(res.msg)
- }
- })
- },
- //领取优惠券
- receive(e) {
- let that = this
- let param = {}
- param.data = {}
- param.url = 'v3/promotion/front/coupon/receiveCoupon'
- param.data.couponId = e.currentTarget.dataset.couponid
- that.$request(param).then(res => {
- if (res.state == 200) {
- uni.showToast({
- title: '领取成功',
- icon: 'none',
- duration: 1500 //持续的时间
- });
- that.getCouponList();
- } else {
- this.$api.msg(res.msg)
- }
- })
- },
- //优惠券规则展开
- handleOpen() {
- this.conpon_show = !this.conpon_show
- },
- //选项卡切换
- tabItemTap(idx) {
- //记录上次点击的对象的序号
- var oldidx = this.currentTabIndex; //记录当前点击的对象的序号
- var currentIdx = idx;
- this.hasmore = true
- if (oldidx == currentIdx) {
- var isSelect = this.isSelect
- this.currentTabIndex = currentIdx
- this.isSelect = !isSelect
- } else {
- this.currentTabIndex = currentIdx
- this.isSelect = true
- if (this.no_content_decor) {
- //无装修数据时:不显示装修模块,从全部商品开始显示
- if (currentIdx == 0) {
- this.home_decoration = true
- this.homePage = true
- this.coupon = false
- this.all_commodities = this.no_content_decor ? true : false
- this.new_products = false
- this.fenlei = false
- this.currentTabIndex = '0'
- this.current = '1'
- this.getProductList(); //全部商品列表
- }
- if (currentIdx == 1) {
- this.home_decoration = false
- this.new_products = true
- this.all_commodities = false
- this.coupon = false
- this.current = '1'
- this.getNewProductList(); //获取商品上新数据
- } else if (currentIdx == 2) {
- this.home_decoration = false
- this.coupon = true
- this.all_commodities = false
- this.new_products = false
- this.current = '1'
- this.getCouponList(); //获取优惠券列表
- } else {
- this.home_decoration = true
- this.all_commodities = true
- this.new_products = false
- this.coupon = false
- this.current = '1'
- }
- } else {
- //有装修数据时,默认显示装修模块
- if (currentIdx == 0) {
- this.home_decoration = true
- this.new_products = false
- this.all_commodities = false
- this.coupon = false
- this.current = '1'
- }
- if (currentIdx == 1) {
- this.home_decoration = false
- this.all_commodities = true
- this.new_products = false
- this.coupon = false
- this.current = '1'
- this.getProductList(); //全部商品列表
- } else if (currentIdx == 2) {
- this.home_decoration = false
- this.new_products = true
- this.all_commodities = false
- this.coupon = false
- this.current = '1'
- this.getNewProductList(); //获取商品上新数据
- } else if (currentIdx == 3) {
- this.home_decoration = false
- this.coupon = true
- this.all_commodities = false
- this.new_products = false
- this.current = '1'
- this.getCouponList(); //获取优惠券列表
- } else {
- this.home_decoration = true
- this.all_commodities = false
- this.new_products = false
- this.coupon = false
- this.current = '1'
- }
- }
- }
- if(currentIdx==4){
- }
- },
- //底部tabbar的切换
- hanbleTab(e) {
- this.hideMask();
- this.current = 1
- //切换时回到页面的顶部
- if (uni.pageScrollTo) {
- //判断这个方法是否可用
- uni.pageScrollTo({
- scrollTop: 0
- });
- } else {
- uni.showModal({
- title: '提示',
- content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
- });
- }
- this.hasmore = true
- //记录上次点击的对象的序号
- var oldidx = this.tabcurrentTabIndex; //记录当前点击的对象的序号
- var currentIdx = e.currentTarget.dataset.idx;
- if (oldidx == currentIdx) {
- var tabisSelect = this.tabisSelect;
- this.tabcurrentTabIndex = currentIdx
- this.tabisSelect = !tabisSelect
- } else {
- if (currentIdx != 3) {
- this.tabcurrentTabIndex = currentIdx
- this.tabisSelect = true
- }
- if (currentIdx == 0) {
- this.home_decoration = true
- this.homePage = true
- this.coupon = false
- this.all_commodities = this.no_content_decor ? true : false
- this.new_products = false
- this.fenlei = false
- this.currentTabIndex = '0'
- this.current = '1'
- } else if (currentIdx == 1) {
- this.home_decoration = false
- this.homePage = false
- this.coupon = false
- this.all_commodities = true
- this.new_products = false
- this.fenlei = false
- this.current = '1'
- this.getProductList(); //全部商品列表
- } else if (currentIdx == 2) {
- this.homePage = true
- this.coupon = false
- this.all_commodities = false
- this.new_products = false
- this.fenlei = true
- this.getShopClassify(); //获取店铺分类
- }else {
- // this.getRecommendProductList(); //获取店铺推荐商品
- this.homePage = false
- this.coupon = false
- this.all_commodities = false
- this.new_products = false
- this.fenlei = false
- }
- }
- },
- //商品列表tab切换
- commoditiesNav(e) {
- this.hasmore = true //切换时回到页面的顶部
- if (uni.pageScrollTo) {
- //判断这个方法是否可用
- uni.pageScrollTo({
- scrollTop: 0
- });
- } else {
- uni.showModal({
- title: '提示',
- content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
- });
- }
- let that = this,
- commodNavIdx = e.currentTarget.dataset.index;
- that.commodNavIdx = commodNavIdx
- that.current = 1
- if (commodNavIdx == 2) {
- that.isAscendingOrder = that.isAscendingOrder == 1 ? 0 : 1
- }
- that.getProductList();
- },
- // 获取店铺分类
- getShopClassify() {
- let that = this,
- vid = that.vid;
- let param = {}
- param.data = {}
- param.data.storeId = vid
- param.url = 'v3/seller/front/store/storeCategory'
- this.$request(param).then(res => {
- if (res.state == 200) {
- if (res.data.length == 0) {
- this.no_content_fenlei = true
- } else {
- //如果是初次加载,直接赋值,否则数据追加
- if (that.current == '1') {
- let classifyList = res.data;
- this.classifyList = classifyList
- } else {
- let classifyList = res.data;
- this.classifyList = that.classifyList.concat(classifyList)
- }
- }
- } else {
- this.$api.msg(res.msg);
- }
- }).catch((e) => {
- //异常处理
- })
- },
- //获取店铺推荐商品
- // getRecommendProductList() {
- // let that = this,
- // vid = that.vid;
- // let data = {
- // page: 10,
- // pn: that.pn,
- // vid: vid,
- // };
- // uni.request({
- // url: getApp().globalData.ser_url + '/index.php?app=store&mod=getWapRecGoods',
- // method: 'POST',
- // data,
- // header: {
- // 'Content-Type': 'application/x-www-form-urlencoded'
- // },
- // success: function(res) {
- // if (res.data.code == 200) {
- // if (res.data.datas.recomment_goods.goods_list.length == 0) {
- // that.setData({
- // no_recomment_goods: true
- // });
- // } else {
- // //如果是初次加载,直接赋值,否则数据追加
- // if (that.pn == '1') {
- // let recommend_product = res.data.datas.recomment_goods;
- // let recommend_productList = recommend_product !== null ? recommend_product.goods_list : [];
- // that.setData({
- // recommend_product: recommend_product,
- // recommend_productList
- // });
- // } else {
- // let recommend_productList = res.data.datas.recomment_goods.goods_list;
- // that.setData({
- // recommend_productList: that.recommend_productList.concat(recommend_productList)
- // });
- // }
- // if (res.data.hasmore) {
- // that.pn++;
- // that.setData({
- // hasmore: true
- // });
- // } else {
- // that.setData({
- // hasmore: false
- // });
- // }
- // }
- // }
- // },
- // error: function(err) {},
- // complete: function() { // wx.hideLoading()
- // }
- // });
- // },
- //去商品分类列表
- handleProClas(e) {
- let stc_id = e.currentTarget.dataset.stc_id; // let stc_name = e.currentTarget.dataset.stc_name;
- uni.navigateTo({
- url: '/pages/store/productSearch?storeInnerLabelId=' + stc_id + '&vid=' + this.vid
- });
- },
- //布局切换
- layoutSwitch() {
- this.grid_list = !this.grid_list
- },
- // 商品详情
- goods_detail(productId, goodsId) {
- uni.navigateTo({
- url: '/pages/product/detail?productId=' + productId + '&goodsId=' + goodsId
- })
- },
- // 商铺首页详情
- venderDetail(e) {
- let that = this;
- let {
- vid
- } = that;
- if (vid) {
- let param = {};
- param.data = {}
- param.data.storeId = vid
- param.url = 'v3/seller/front/store/detail';
- this.$request(param).then(res => {
- if (res.state == 200) {
- let vender_detail = res.data;
- this.vender_detail = vender_detail
- this.share_img = vender_detail.storeLogoUrl
- this.share_name = vender_detail.storeName
- this.store_banner = vender_detail.storeBackdropUrl
- this.share_img_h5 = 'data:image/png;base64,' + vender_detail.storeQRCode
- this.is_favorites = vender_detail.isFollow
- this.$weiXinBrowerShare(1, {
- title: this.vender_detail.storeName,
- desc: '刚刚看到一个不错的店铺,快来看看~',
- link: this.vender_detail.shareLink,
- imgUrl: this.vender_detail.storeLogoUrl,
- });
- } else {
- this.$api.msg(res.msg);
- }
- }).catch((e) => {
- //异常处理
- })
- }
- },
- //进入店铺首页
- handleShopHomePage() {
- uni.navigateTo({
- url: '/pages/shopHomePage/shopHomePage'
- });
- },
- // 收藏-取消收藏
- collect(e) {
- let that = this;
- let {
- vid,
- is_favorites
- } = that;
- let param = {};
- param.data = {}
- param.data.storeIds = vid
- param.data.isCollect = is_favorites == 'false' ? 'true' : 'false'
- param.url = 'v3/member/front/followStore/edit';
- param.method = 'POST'
- this.$request(param).then(res => {
- if (res.state == 200) {
- this.$api.msg(res.msg);
- this.is_favorites = this.is_favorites == 'false' ? 'true' : 'false';
- this.vender_detail.followNumber = res.data.followNumber;
- } else {
- this.$api.msg(res.msg);
- }
- }).catch((e) => {
- //异常处理
- })
- },
- //获取搜索框内的值
- searchInput(e) {
- this.searchVal = e.detail.value
- this.getProductList();
- },
- //搜索
- search() {
- this.getProductList();
- },
- getmore() {
- let that = this;
- if (!that.flag && that.search_hasmore) {
- that.search();
- }
- },
- back() {
- this.searchList = []
- this.show = false
- this.searchPn = 1;
- this.search_hasmore = true;
- }
- }
- };
- </script>
- <style>
- /* pages/shopHomePage/shopHomePage.wxss */
- page {
- width: 100%;
- height: 100%;
- background-color: #F5F5F5;
- position: relative;
- margin: 0 auto;
- }
- .shop_homepage {
- width: 750rpx;
- background: #F5F5F5;
- height: 100%;
- position: absolute;
- }
- /* 透明遮罩层 */
- .transparent_mask {
- width: 100%;
- height: 100%;
- position: fixed;
- background-color: #FFFFFF;
- top: 0;
- left: 0;
- opacity: 0;
- z-index: 10;
- }
- .content {
- width: 100%;
- /* height: 754rpx; */
- /* background: black; */
- background-size: 100%;
- }
- /* 搜索框 */
- .search {
- width: 750rpx;
- height: 88rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 35rpx;
- box-sizing: border-box;
- position: fixed;
- /* #ifndef APP-PLUS */
- top: 0;
- /* #endif */
- /* #ifdef APP-PLUS */
- top: var(--status-bar-height);
- /* #endif */
- z-index: 10;
- }
- .search_input {
- width: 78%;
- height: 65rpx;
- display: flex;
- align-items: center;
- padding-left: 20rpx;
- background: rgba(248, 248, 248, 1);
- border-radius: 33px;
- }
- .search_input1 {
- width: 78%;
- height: 65rpx;
- background: rgba(255, 255, 255, 1);
- border: 2rpx solid rgba(255, 12, 12, 1);
- border-radius: 33rpx;
- }
- .search_input image {
- width: 30rpx;
- height: 30rpx;
- margin-right: 20rpx;
- }
- .search_input input {
- font-size: 28rpx !important;
- }
- .search_input .cancel {
- width: 47rpx;
- height: 47rpx;
- }
- .search input {
- width: 500rpx;
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(148, 148, 148, 1);
- line-height: 32rpx;
- }
- /* 三点更多分享 */
- .more_tips {
- position: relative;
- }
- .more {
- width: 50rpx;
- height: 50rpx;
- }
- .triangle-up {
- position: absolute;
- right: 15rpx;
- width: 0;
- height: 0;
- border-left: 15rpx solid transparent;
- border-right: 15rpx solid transparent;
- border-bottom: 20rpx solid #fcfcfc;
- /* transform: rotate(120deg); */
- transform: rotate(0deg);
- box-shadow: -2rpx 2rpx -1rpx 0rpx rgba(102, 102, 102, 0.1);
- z-index: 21;
- }
- .tips {
- position: absolute;
- z-index: 20;
- top: 77rpx;
- right: -15rpx;
- width: 226rpx;
- background: rgba(255, 255, 255, 1);
- box-shadow: 0px 0px 10rpx 0px rgba(102, 102, 102, 0.2);
- opacity: 0.94;
- border-radius: 15rpx;
- display: flex;
- flex-direction: column;
- }
- .tips_pre {
- width: 100%;
- height: 88rpx;
- display: flex;
- align-items: center;
- border-bottom: #e6e6e6;
- padding-left: 20rpx;
- box-sizing: border-box;
- }
- button::after {
- border: none;
- }
- button[plain] {
- border: none;
- }
- .tips_pre image {
- width: 50rpx;
- height: 50rpx;
- margin-right: 8rpx;
- }
- .tips_pre text {
- font-size: 26rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 32rpx;
- }
- /* 搜索框 */
- .search1 {
- width: 750rpx;
- height: 88rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 35rpx;
- box-sizing: border-box;
- position: fixed;
- /* #ifdef APP-PLUS */
- top: var(--status-bar-height);
- /* #endif */
- /* #ifndef APP-PLUS */
- top: 0;
- /* #endif */
- z-index: 10;
- background: #FFFFFF;
- }
- .search1 .search_input {
- width: 77%;
- height: 65rpx;
- border: 2rpx solid rgba(225, 37, 27, 1);
- border-radius: 33rpx;
- display: flex;
- align-items: center;
- padding-left: 20rpx;
- background: #FFFFFF;
- }
- .search1 .search_input image {
- width: 30rpx;
- height: 30rpx;
- margin-right: 20rpx;
- }
- .search1 .search_input .cancel {
- width: 47rpx;
- height: 47rpx;
- }
- .search1 input {
- width: 500rpx;
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(148, 148, 148, 1);
- line-height: 32rpx;
- }
- .search1 .search_text {
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(45, 45, 45, 1);
- line-height: 32rpx;
- }
- /* 店铺详情 */
- .shop_des {
- width: 100%;
- color: rgba(255, 255, 255, 1);
- /* #ifndef APP-PLUS */
- padding-top: 88rpx;
- /* #endif */
- /* #ifdef APP-PLUS */
- padding-top: calc(var(--status-bar-height) + 88rpx);
- /* #endif */
- box-sizing: border-box;
- background-size: 100%;
- }
- .des_top {
- width: 100%;
- /* height: 449rpx; */
- height: 290rpx;
- }
- .shop_info {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 31rpx 20rpx 39rpx;
- box-sizing: border-box;
- }
- .info_left {
- width: 100%;
- display: flex;
- align-items: center;
- }
- .info_left .avat {
- width: 80rpx;
- height: 80rpx;
- border-radius: 50%;
- margin-right: 16rpx;
- }
- .info_des {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: space-between;
- }
- .info_top {
- display: flex;
- align-items: center;
- }
- .info_top text:nth-of-type(1) {
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: rgba(255, 255, 255, 1);
- line-height: 32rpx;
- }
- .info_top image {
- width: 40rpx;
- height: 40rpx;
- margin-right: 14rpx;
- }
- .info_top text:nth-of-type(2) {
- width: 60rpx;
- height: 30rpx;
- background: rgba(252, 28, 28, 1);
- border-radius: 15rpx;
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(255, 255, 255, 1);
- line-height: 30rpx;
- text-align: center;
- }
- .info_bot {
- display: flex;
- align-items: center;
- margin-top: 13rpx;
- }
- .info_bot image {
- width: 40rpx;
- height: 40rpx;
- margin-right: 8rpx;
- }
- .info_bot text {
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- line-height: 32rpx;
- }
- .info_right {
- width: 110rpx;
- height: 50rpx;
- background: linear-gradient(-50deg, rgba(252, 28, 28, 1) 0%, rgba(255, 104, 3, 1) 100%);
- box-shadow: 0rpx 3rpx 8rpx 0rpx rgba(252, 28, 28, 0.2);
- border-radius: 25rpx;
- font-size: 26rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .info_right1 {
- width: 110rpx;
- height: 50rpx;
- border: 4rpx solid rgba(255, 255, 255, 1);
- box-shadow: 0rpx 3rpx 8rpx 0rpx rgba(252, 28, 28, 0.2);
- border-radius: 25rpx;
- font-size: 20rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- line-height: 32rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .select_nav {
- width: 100%;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .nav_item {
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .nav_item image {
- width: 64rpx;
- height: 64rpx;
- margin-bottom: 10rpx;
- }
- .nav_item text {
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(255, 255, 255, 1);
- line-height: 32rpx;
- }
- .des_con {
- /* margin-top: -155rpx; */
- width: 100%;
- /* height: calc(100vh - 449rpx); */
- border-radius: 15rpx;
- position: absolute;
- z-index: 5;
- background: #F5F5F5;
- }
- .des_con1 {
- margin-top: 0;
- width: 100%;
- /* height: calc(100vh - 88rpx); */
- background: rgba(255, 255, 255, 1);
- border-radius: 15rpx;
- position: absolute;
- z-index: 5;
- }
- .all_commodities {
- width: 100%;
- box-sizing: border-box;
- padding-bottom: 98rpx;
- box-sizing: border-box;
- border-radius: 15rpx 15rpx 0 0;
- background: #F5F5F5;
- }
- .all_commodities_nav {
- width: 750rpx;
- height: 90rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding-left: 40rpx;
- box-sizing: border-box;
- background: #FFFFFF;
- border-radius: 15rpx 15rpx 0 0;
- }
- .nav1 {
- position: fixed;
- /* #ifdef APP-PLUS */
- top: calc(var(--status-bar-height) + 88rpx);
- /* #endif */
- /* #ifndef APP-PLUS */
- top: 88rpx;
- /* #endif */
- z-index: 5;
- }
- .comprehensive {
- display: flex;
- align-items: center;
- }
- .comprehensive .pre_title {
- font-size: 28rpx;
- font-family: PingFang SC;
- color: rgba(45, 45, 45, 1);
- line-height: 32rpx;
- }
- .all_commodities_nav .active {
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: rgba(243, 30, 30, 1);
- line-height: 32rpx;
- }
- .comprehensive image {
- width: 14rpx;
- height: 9rpx;
- margin-left: 10rpx;
- }
- .sales_volume {
- font-size: 28rpx;
- font-family: PingFang SC;
- color: rgba(45, 45, 45, 1);
- line-height: 32rpx;
- display: flex;
- align-items: center;
- }
- .price {
- display: flex;
- }
- .price .pre_title {
- font-size: 28rpx;
- font-family: PingFang SC;
- color: rgba(45, 45, 45, 1);
- line-height: 32rpx;
- }
- .price .active {
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: rgba(243, 30, 30, 1);
- line-height: 32rpx;
- }
- .price_switch {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- margin-left: 10rpx;
- }
- .price_switch image {
- width: 14rpx;
- height: 9rpx;
- }
- .price_switch image:nth-child(1) {
- margin-bottom: 5rpx;
- }
- .sales_volume {
- font-size: 28rpx;
- font-family: PingFang SC;
- color: rgba(45, 45, 45, 1);
- line-height: 32rpx;
- }
- .layout {
- box-sizing: border-box;
- position: relative;
- padding: 0 26rpx 0 0;
- box-sizing: border-box;
- }
- .layout::before {
- content: "";
- width: 1rpx;
- height: 40rpx;
- position: absolute;
- top: 5rpx;
- left: -26rpx;
- background: rgba(187, 187, 187, 1);
- }
- .layout image {
- width: 50rpx;
- height: 50rpx;
- }
- /* 全部商品列表 */
- /* list布局 */
- .list {
- width: 100%;
- background: #F5F5F5;
- padding: 20rpx 20rpx 102rpx;
- box-sizing: border-box;
- }
- .list .list_pre {
- width: 100%;
- background: rgba(255, 255, 255, 1);
- border-radius: 15rpx;
- margin-right: 20rpx;
- margin-bottom: 20rpx;
- display: flex;
- }
- .list .pre_img {
- width: 294rpx;
- height: 294rpx;
- border-radius: 15rpx 0 0 15rpx;
- }
- .list .pre_img image {
- width: 294rpx;
- height: 294rpx;
- border-radius: 15rpx 0 0 15rpx;
- }
- .list .pre_des {
- width: 394rpx;
- }
- .list .pre_des .time_limited_discount {
- /* width:106rpx; */
- padding: 0 11rpx;
- box-sizing: border-box;
- height: 30rpx;
- /* background:linear-gradient(45deg,rgba(255,108,0,1) 0%,rgba(255,192,83,1) 100%); */
- border-radius: 15rpx;
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 18rpx;
- }
- .list .list_pre .des_desc {
- margin-top: 43rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .list .list_pre .des_info {
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(102, 102, 102, 1);
- width: 310rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- height: 35rpx;
- margin-top: 20rpx;
- }
- /* grid网格布局 */
- .all_commodities_list {
- background: #F5F5F5;
- padding: 20rpx 20rpx 0;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- box-sizing: border-box;
- }
- .product1 {
- margin-top: 90rpx;
- padding-bottom: 4rpx !important;
- }
- .all_commodities_list .list_pre {
- width: 345rpx;
- /* height: 590rpx; */
- background: rgba(255, 255, 255, 1);
- border-radius: 15rpx;
- margin-right: 20rpx;
- margin-bottom: 20rpx;
- padding-bottom: 20rpx;
- }
- .all_commodities_list .list_pre:nth-of-type(2n) {
- margin-right: 0;
- }
- .all_commodities_list .list_pre .pre_img {
- width: 345rpx;
- height: 345rpx;
- border-radius: 15rpx;
- }
- .all_commodities_list .list_pre .pre_img image {
- width: 345rpx;
- height: 345rpx;
- border-radius: 15rpx 15rpx 0 0;
- }
- .all_commodities_list .pre_des {
- padding: 20rpx;
- height: 272rpx;
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
- .list .list_pre .pre_des {
- padding: 20rpx 0 20rpx 20rpx;
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
- .all_commodities_list .list_pre .des_name {
- width: 310rpx;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(45, 45, 45, 1);
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- font-weight: bold;
- }
- .list .list_pre .des_name {
- width: 374rpx;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(45, 45, 45, 1);
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- font-weight: bold;
- }
- .all_commodities_list .list_pre .des_info {
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(102, 102, 102, 1);
- width: 310rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- height: 39rpx;
- margin-top: 9rpx;
- }
- .list .list_pre .des_info {
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(102, 102, 102, 1);
- width: 374rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- height: 39rpx;
- margin-top: 9rpx;
- }
- .discount {
- display: flex;
- }
- .time_limited {
- width: 100%;
- display: flex;
- flex-wrap: wrap;
- }
- .list_pre .time_limited_discount {
- /* width:106rpx; */
- padding: 0 11rpx;
- box-sizing: border-box;
- height: 30rpx;
- /* background:linear-gradient(45deg,rgba(255,108,0,1) 0%,rgba(255,192,83,1) 100%); */
- border-radius: 15rpx;
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- line-height: 39rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 15rpx;
- }
- .all_commodities_list .list_pre .des_desc {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: 31rpx;
- }
- .list_pre .des_desc .commodity_price {
- font-size: 34rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(252, 28, 28, 1);
- font-weight: bold;
- }
- .commodity_price {
- font-size: 34rpx;
- font-family: PingFang SC;
- color: rgba(252, 28, 28, 1);
- line-height: 32rpx;
- font-weight: bold;
- }
- .commodity_price text:nth-child(1),
- .commodity_price text:nth-last-child(1) {
- font-size: 22rpx;
- }
- .list_pre .des_desc .salenum {
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(153, 153, 153, 1);
- }
- /* 商品上新 */
- .new_products {
- width: 100%;
- background: #F5F5F5;
- border-radius: 15rpx 15rpx 0 0;
- padding-bottom: 100rpx;
- box-sizing: border-box;
- }
- .new_products_pre {
- width: 100%;
- padding-top: 20rpx;
- }
- .new_products_pre:nth-of-type(1) {
- width: 100%;
- padding-top: 40rpx;
- }
- .new_products_top {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .new_products_top .line {
- width: 120rpx;
- height: 1rpx;
- background: rgba(187, 187, 187, 1);
- }
- .new_products_title {
- display: flex;
- align-items: center;
- margin: 0 10rpx;
- }
- .new_products_title image {
- width: 28rpx;
- height: 27rpx;
- margin-right: 9rpx;
- }
- .new_products_title text {
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: rgba(45, 45, 45, 1);
- line-height: 32rpx;
- }
- /* 优惠券 */
- .coupon {
- width: 100%;
- padding: 20rpx 20rpx 100rpx;
- box-sizing: border-box;
- background: #F5F5F5;
- border-radius: 15rpx 15rpx 0 0;
- }
- .coupon_pre {
- width: 100%;
- width: 711rpx;
- margin-bottom: 20rpx;
- min-height: 257rpx;
- }
- .conpon_des {
- width: 100%;
- width: 711rpx;
- height: 257rpx;
- }
- .conpon_des_top {
- width: 711rpx;
- height: 195rpx;
- display: flex;
- align-items: center;
- margin: 0 10rpx;
- }
- .coupon_des_left {
- width: 161rpx;
- height: 195rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 48rpx;
- font-family: Adobe Heiti Std;
- font-weight: normal;
- color: rgba(253, 51, 18, 1);
- line-height: 45rpx;
- margin-left: 22rpx;
- }
- .coupon_des_left1 {
- width: 161rpx;
- height: 195rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 48rpx;
- font-family: Adobe Heiti Std;
- font-weight: normal;
- color: rgba(51, 51, 51, 1);
- line-height: 45rpx;
- margin-left: 22rpx;
- }
- .yuan {
- font-size: 24rpx;
- }
- .coupon_des_con {
- width: 330rpx;
- display: flex;
- flex-direction: column;
- justify-content: center;
- margin-left: 27rpx;
- }
- .progress-box {
- align-items: center;
- /* height: 32rpx; */
- }
- .progress-box .progress_text {
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: 500;
- font-style: italic;
- color: rgba(253, 51, 18, 1);
- line-height: 32rpx;
- margin-left: 20rpx;
- }
- .full_reduction {
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 45rpx;
- }
- .validity {
- font-size: 20rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(153, 153, 153, 1);
- line-height: 45rpx;
- }
- .coupon_des_right {
- display: flex;
- align-items: flex-start;
- }
- .coupon_des_right text {
- width: 140rpx;
- height: 50rpx;
- border-radius: 25px;
- background: rgba(253, 51, 18, 1);
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- line-height: 45rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .coupon_des_right1 text {
- width: 140rpx;
- height: 50rpx;
- background: rgba(153, 153, 153, 1);
- border-radius: 25rpx;
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- line-height: 45rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .conpon_des_bot {
- width: 100%;
- }
- .conpon_show {
- display: flex;
- justify-content: space-between;
- padding: 20rpx;
- padding-left: 0;
- box-sizing: border-box;
- }
- .conpon_show .text {
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(51, 51, 51, 1);
- line-height: 30rpx;
- padding-left: 22rpx;
- width: 615rpx;
- height: auto;
- box-sizing: border-box;
- display: -webkit-box;
- word-break: break-all;
- -webkit-box-orient: vertical;
- /* 要显示多少行就改变line-clamp的数据,此处折叠起来显示一行*/
- -webkit-line-clamp: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .conpon_show .text2 {
- display: -webkit-box;
- }
- .conpon_show .text1 {
- display: block;
- }
- .conpon_show image {
- width: 16rpx;
- height: 9rpx;
- }
- .conpon_rules {
- width: 100%;
- background: #FFFFFF;
- display: flex;
- flex-direction: column;
- padding-left: 22rpx;
- box-sizing: border-box;
- }
- .conpon_rules text {
- font-size: 20rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(51, 51, 51, 1);
- line-height: 30rpx;
- }
- /* 分类 */
- .fenlei {
- width: 100%;
- /* height: 100%; */
- border-radius: 15rpx;
- position: absolute;
- z-index: 5;
- }
- .fenlei_lists {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
- padding: 20rpx 0 30rpx 0;
- box-sizing: border-box;
- margin-top: -150rpx;
- background: #F5F5F5;
- padding-bottom: 100rpx;
- }
- .fenlei_pre {
- width: 710rpx;
- background: rgba(255, 255, 255, 1);
- border-radius: 15rpx;
- padding: 17rpx 20rpx 0;
- box-sizing: border-box;
- margin-bottom: 20rpx;
- }
- .fenlei_pre_top {
- width: 100%;
- /* height: 71rpx; */
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 0 0 20rpx;
- box-sizing: border-box;
- position: relative;
- margin-bottom: 17rpx;
- }
- .fenlei_pre_title {
- font-size: 34rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: rgba(45, 45, 45, 1);
- line-height: 32rpx;
- box-sizing: border-box;
- }
- .fenlei_pre_title::before {
- position: absolute;
- top: 10rpx;
- left: 0rpx;
- bottom: 0;
- content: '';
- width: 4rpx;
- height: 30rpx;
- background: rgba(253, 52, 20, 1);
- border-radius: 2rpx;
- }
- .fenlei_pre_top image {
- width: 50rpx;
- height: 50rpx;
- margin-right: -15rpx;
- }
- .fenlei_list {
- display: flex;
- background: #FFFFFF;
- width: 100%;
- margin-top: 21rpx;
- flex-wrap: wrap;
- }
- .fenlei_list text {
- font-size: 26rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(45, 45, 45, 1);
- width: 325rpx;
- height: 60rpx;
- line-height: 60rpx;
- background: rgba(242, 242, 242, 1);
- border-radius: 6rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- padding: 0 17rpx;
- box-sizing: border-box;
- margin-bottom: 20rpx;
- margin-right: 20rpx;
- text-align: center;
- }
- .fenlei_list text:nth-of-type(2n) {
- margin-right: 0;
- }
- .no_fenlei {
- box-sizing: border-box;
- margin-top: 200rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-bottom: 126rpx;
- }
- .no_fenlei image {
- width: 238rpx;
- height: 171rpx;
- }
- .no_fenlei text {
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 400;
- color: rgba(51, 51, 51, 1);
- line-height: 24rpx;
- margin-top: 20rpx;
- }
- /* 推荐商品 */
- .all_commodities_list1 {
- background: #F5F5F5;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- padding: 0 0 100rpx;
- box-sizing: border-box;
- }
- .commodities_list {
- background: #F5F5F5;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- padding: 0 20rpx 0 20rpx;
- box-sizing: border-box;
- }
- .no_more {
- width: 100%;
- display: flex;
- justify-content: center;
- }
- /* tabbar底栏 */
- .tabbar {
- position: fixed;
- bottom: 0;
- z-index: 10;
- width: 750rpx;
- /*height: 98rpx+(constant(safe-area-inset-bottom)||env(safe-area-inset-bottom));*/
- display: flex;
- align-items: center;
- justify-content: space-around;
- box-sizing: border-box;
- background: rgba(255, 255, 255, 1);
- box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(86, 86, 86, 0.08);
- padding-bottom: constant(safe-area-inset-bottom);/* 兼容 iOS < 11.2 */
- padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
- }
- .iphone_view {
- position: fixed;
- bottom: 0;
- z-index: 10;
- width: 100%;
- box-sizing: border-box;
- background: rgba(255, 255, 255, 1);
- }
- .tabbar_pre {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-top: 12rpx;
- }
- .tabbar_pre image {
- width: 50rpx;
- height: 50rpx;
- }
- .tabbar_pre text {
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 32rpx;
- }
- .tabbar_pre .pre_sel {
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: rgba(252, 39, 25, 1);
- line-height: 32rpx;
- }
- /* 暂无数据 */
- .no_data {
- font-size: 24rpx;
- color: black;
- text-align: center;
- }
- /* 店铺首页装修 */
- .home_decoration {
- padding-bottom: 100rpx;
- box-sizing: border-box;
- border-radius: 15rpx 15rpx 0 0;
- }
- /* 无数据 */
- .no_content {
- margin: 250rpx auto 0;
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .no_content image {
- width: 200rpx;
- height: 200rpx;
- }
- .no_content text {
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 32rpx;
- margin-top: 30rpx;
- }
- .no_coupon {
- width: 212rpx;
- height: 159rpx;
- }
- /* 加载更多,没有更多 */
- .is_more {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 22rpx;
- color: #999999;
- line-height: 22rpx;
- margin: 10rpx 0 30rpx;
- background: #F5F5F5;
- }
- .fixed_top_status_bar {
- position: fixed;
- /* #ifdef APP-PLUS */
- height: var(--status-bar-height);
- /* #endif */
- /* #ifndef APP-PLUS */
- height: 0;
- /* #endif */
- top: 0;
- left: 0;
- right: 0;
- z-index: 99;
- background: #fff;
- }
- .search .top_w_b {
- height: 50rpx !important;
- width: 50rpx !important;
- }
- .top_w_b {
- height: 34rpx;
- width: 34rpx;
- margin: 0 0 0 20rpx;
- display: block;
- }
- /* #ifdef H5 */
- .search {
- padding-left: 0;
- }
- .search1 {
- padding-left: 0;
- }
- /* #endif */
- /* #ifdef APP-PLUS */
- .top_w_b {
- margin-left: 0;
- }
- /* #endif */
- .select-wrap {
- position: fixed;
- top: 0;
- left: 0;
- width: 750rpx;
- height: 100vh;
- background-color: rgba(0, 0, 0, 0.45);
- z-index: 9999;
- right: 0;
- margin: 0 auto;
- }
- .select-wrap .share-mode {
- position: absolute;
- width: 100%;
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .select-wrap .share-mode .ul {
- display: flex;
- width: 100%;
- justify-content: space-evenly;
- position: fixed;
- bottom: 200rpx;
- z-index: 9999;
- }
- .share-mode .item {
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- cursor: pointer;
- border: none;
- margin: 0;
- padding: 0;
- line-height: 1;
- background-color: transparent;
- }
- .share-mode .item::after {
- border: none;
- }
- .share-mode .item image {
- width: 106rpx;
- height: 0;
- }
- .share-mode .item text {
- color: #fff;
- font-size: 24rpx;
- margin-top: 30rpx;
- }
- .select-wrap .close {
- width: 750rpx;
- height: 120rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- position: fixed;
- bottom: 30rpx;
- z-index: 99999;
- }
- .select-wrap .close image {
- width: 30rpx;
- height: 30rpx;
- /* padding: 30rpx; */
- }
- .is_h5_public_share {
- margin-top: 100rpx;
- }
- .is_h5_share {
- width: 750rpx;
- height: 100%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .share-img {
- border-radius: 20%;
- width: 100%;
- display: flex;
- justify-content: center;
- }
- .h5_share_tips {
- width: 400rpx;
- height: 100rpx;
- margin-top: 100rpx;
- }
- .wx_share_img{
- width:500rpx;
- height:500rpx;
- margin-left:100rpx;
- }
- .search .top_w_b_not{
- height: 20px !important;
- width: 20px !important;
- }
- .empty_sort_page {
- width: 100%;
- // height: 100vh;
- background: #F5F5F5;
- display: flex;
- flex-direction: column;
- align-items: center;
- padding-top: 340rpx;
- }
- .empty_img {
- width: 210rpx;
- height: 210rpx;
- margin-bottom: 32rpx;
- }
- .empty_text {
- font-size: 26rpx;
- color: #999;
- }
- </style>
|