12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758 |
- <template>
- <view :class="isCookie == true ? 'container prevent' : 'container' ">
- <!-- 专题页标题 -->
- <view class="topic_top_bar" v-if="is_show_top == false && is_from_found == false" @click="toBack">
- <image :src="imgUrl+'to_right.png'" mode="aspectFit" class="topic_back_icon"></image>
- <view class="topic_name">{{topic_name}}</view>
- </view>
- <!-- 小程序头部兼容 -->
- <view class="mp-search-box" v-if="is_show_top == true"
- :style="{background:tab_index == 0?pure_bg_color:top_bg}">
- <!-- <image :src="imgUrl+'index/scan.png'" mode="" class="scan_img" @click="scanCode"></image> -->
- <image :src="imgUrl+'search.png'" mode="aspectFit" class="search_img"></image>
- <input class="ser-input" type="text" value="输入关键字搜索" disabled @click="toSearchPage"
- placeholder-class="search_input" />
- <view class="msg_img">
- <image :src="imgUrl+'index_message.png'" mode="" @click="toMsg"></image>
- <view class="message_new" v-if="userCenterData&&userCenterData.msgNum&&userCenterData.msgNum>=1">
- {{userCenterData.msgNum > 9 ? '9+' : userCenterData.msgNum}}
- </view>
- </view>
- </view>
- <!-- 头部分类 -->
- <tab-menu :backGround="tab_index == 0?pure_bg_color:top_bg" :tabInfo="sort_nav_list"
- @getChildList="getChildList" v-if="is_show_top == true && home_is_show_top_cat"></tab-menu>
- <!-- 头部轮播 -->
- <!-- 头部轮播 -->
- <!-- 首页装修 -->
- <view v-if="is_show_index == true && isShow == true"
- :class="isShowTab == true?(home_is_show_top_cat?'deco_wrap':(type=='home'?'deco_wrap_no_top_cat':null)):'deco_wrap2'"
- :style="{marginTop:is_show_top == false?'110rpx':'',marginTop:isIos?'-22rpx':0}">
- <view class="index_deco" v-for="(decoItem,decoIndex) in deco_info" :key="decoIndex">
- <view class="carousel-section" v-if="decoItem.type == 'top_cat_nav' && decoItem.data.length>0">
- <!-- 背景色区域 -->
- <view
- :class="decoItem.swiper_bg_style == 1?'titleNview-background top_swiper_style1':'titleNview-background top_swiper_style2'"
- :style="{background:titleNViewBackground,borderRadius:decoItem.swiper_bg_style == 1?'border_radius':'0'}">
- </view>
- <uni-swiper-dot :current="swiperCurrent" :info="decoItem.data" mode="dot" :dotsStyles="dotsStyles">
- <swiper class="carousel" circular @change="swiperChange" autoplay="true"
- :style="{margin:isIos?'10rpx':0}">
- <swiper-item v-for="(item, index) in decoItem.data" :key="index" class="carousel-item"
- @click="skipTo(item.url_type,item.url,item.info.productId || item.info.defaultProductId,item.info.pid,item.info.seckillId,item.info)">
- <image :src="item.img" />
- </swiper-item>
- </swiper>
- </uni-swiper-dot>
- </view>
- <!-- 公告 -->
- <view class="notice_box" v-if="decoItem.type == 'gonggao' && decoItem.is_show == true">
- <!-- 公告样式一 -->
- <view class="notice_wrap1" v-if="decoItem.type == 'gonggao' && decoItem.show_style == 'one'"
- @click="skipTo(decoItem.url_type,decoItem.url,decoItem.info.productId || decoItem.info.defaultProductId,decoItem.info.pid,decoItem.info.seckillId,decoItem.info)">
- <image :src="noticeImg1" mode="" class="notice_img1"></image>
- <marquee class="notice_content_wrap" broadcastType="text" direction="left"
- :broadcastData="[decoItem.text]" :broadcastStyle="broadcastStyle1"></marquee>
- <view class="notice_wrap1_line"></view>
- <view class="notice_more">>></view>
- </view>
- <!-- 公告样式二 -->
- <view class="notice_wrap2" v-if="decoItem.type == 'gonggao' && decoItem.show_style == 'two'"
- @click="skipTo(decoItem.url_type,decoItem.url,decoItem.info.productId || decoItem.info.defaultProductId,decoItem.info.pid,decoItem.info.seckillId,decoItem.info)">
- <image :src="noticeImg2" mode="" class="notice_img2"></image>
- <marquee class="notice_content_wrap2" broadcastType="text" direction="left"
- :broadcastData="[decoItem.text]" :broadcastStyle="broadcastStyle2"></marquee>
- <view class="notice_wrap2_line"></view>
- <view class="notice_more">>></view>
- </view>
- </view>
- <view class="nav_wrap" v-if="decoItem.type == 'nav' && decoItem.is_show == true">
- <!-- 导航样式一、二(图标在上/不显示图标) -->
- <view class="cate-section"
- v-if="decoItem.style_set == 'nav' && decoItem.icon_set == 'up' || decoItem.icon_set == 'no-icon' && decoItem.is_show == true">
- <view class="cate-item" v-for="(item,index) in decoItem.data" :key="index"
- @click="skipTo(item.url_type,item.url,item.info.productId || item.info.defaultProductId,item.info.pid,item.info.seckillId,item.info)">
- <image :src="item.img" v-if="decoItem.icon_set == 'up'"
- :style="'width:'+item.width+'rpx;height:'+item.height+'rpx'"></image>
- <text>{{filters.toSubstring(item.name,0,9)}}</text>
- </view>
- </view>
- <!-- 导航样式三 (图标文字左右显示)-->
- <view class="cate-section"
- v-if="decoItem.style_set == 'nav' && decoItem.icon_set == 'left' && decoItem.is_show == true"
- style="justify-content: flex-start;padding:20rpx 2rpx;">
- <view class="cate-item2" v-for="(item,index) in decoItem.data" :key="index"
- @click="skipTo(item.url_type,item.url,item.info.productId || item.info.defaultProductId,item.info.pid,item.info.seckillId,item.info)">
- <image :src="item.img" style="margin-right:10rpx;" mode="aspectFit"
- :style="'width:'+item.width+'rpx;height:'+item.height+'rpx'"></image>
- <view class="cate_name">{{filters.toSubstring(item.name,0,9)}}</view>
- </view>
- </view>
- <!-- 导航分组 -->
- <view class="nav_group" v-if="decoItem.style_set == 'tag-nav' && decoItem.is_show == true ">
- <view class="nav_group_item" v-for="(item,index) in decoItem.data" :key="index"
- @click="skipTo(item.url_type,item.url,item.info.productId || item.info.defaultProductId,item.info.pid,item.info.seckillId,item.info)">
- <image :src="item.img" mode="aspectFit"
- :style="'width:'+item.width+'rpx;height:'+item.height+'rpx'"></image>
- <view class="nav_group_name">{{item.name}}</view>
- </view>
- </view>
- </view>
- <!-- 客服 -->
- <view class="service_wrap" v-if="decoItem.type == 'kefu' && decoItem.is_show == true"
- @click="callUp(decoItem.tel)">
- <image :src="telImg" mode=""></image>
- <text>{{decoItem.text}}{{decoItem.tel}}</text>
- </view>
- <!-- 富文本 -->
- <view class="rich_text_wrap" v-if="decoItem.type == 'fuwenben' && decoItem.is_show == true">
- <rich-text :nodes="decoItem.text" class="rich_text"></rich-text>
- </view>
- <!-- 图片组合 -->
- <view class="combination_wrap" v-if="decoItem.type == 'tupianzuhe'">
- <!-- 图片组合0123 -->
- <view v-if="decoItem.type == 'tupianzuhe' && decoItem.sele_style<4" style="background-color: #fff;">
- <view class="modules-slide">
- <view :class="'image-list style' + decoItem.sele_style" v-if="decoItem.sele_style<3">
- <view
- :class="decoItem.sele_style == 2?'combination_style no_margin_right flex_row_start_start tupianzuhe2':'space_between combination_style'"
- :style="{'display':decoItem.sele_style < 2?'block':'flex'}">
- <view v-for="(childitem, childindex) in decoItem.data" :key="childindex"
- :class="decoItem.sele_style < 2?'combine1':'combine2'"
- :style="{'marginTop':decoItem.sele_style == 1?'20rpx':'0','marginRight':decoItem.sele_style < 3?'0':'20rpx','marginBottom':decoItem.sele_style < 3?'0':'20rpx'}">
- <view class="flex_column_start_center"
- v-if="decoItem.sele_style == 0||decoItem.sele_style == 1">
- <image v-if="decoItem.sele_style == 0 "
- @click="skipTo(childitem.url_type,childitem.url,childitem.info.productId || childitem.info.defaultProductId,childitem.info.pid,childitem.info.seckillId,childitem.info)"
- mode="aspectFit" :src="childitem.img"
- :style="{'display': 'block','width':'750rpx','height':(750*childitem.height/childitem.width)+'rpx'}">
- </image>
- <image v-if="decoItem.sele_style == 1"
- @click="skipTo(childitem.url_type,childitem.url,childitem.info.productId || childitem.info.defaultProductId,childitem.info.pid,childitem.info.seckillId,childitem.info)"
- mode="aspectFit" :src="childitem.img"
- :style="{'display': 'block','width':'710rpx','height':(710*childitem.height/childitem.width)+'rpx','margin-bottom':childindex == (decoItem.data.length-1)?'20rpx':0}">
- </image>
- </view>
- <view class="flex_row_center_center combine3" v-if="decoItem.sele_style == 2"
- :style="{'height':childindex%2==0?((345*childitem.height/childitem.width)+'rpx'):((345*decoItem.data[childindex-1].height/decoItem.data[childindex-1].width)+'rpx'),'margin-left':'20rpx'}">
- <image
- @click="skipTo(childitem.url_type,childitem.url,childitem.info.productId || childitem.info.defaultProductId,childitem.info.pid,childitem.info.seckillId,childitem.info)"
- mode="aspectFit" :src="childitem.img" style="width: 100%;height: 100%;">
- </image>
- </view>
- </view>
- </view>
- </view>
- <view :class="'image-list style' + decoItem.sele_style" v-if="decoItem.sele_style == 3">
- <view class="combination_style no_margin_right2"
- style="display: flex;margin-bottom: 20rpx;flex-wrap:wrap">
- <view v-for="(childitem, childindex) in decoItem.data" :key="childindex"
- class="combine2">
- <view class="combine4"
- :style="{'height':childindex%3==0?((690/3*childitem.height/childitem.width)+'rpx'):(childindex%3==1?((690/3*decoItem.data[childindex-1].height/decoItem.data[childindex-1].width)+'rpx'):((690/3*decoItem.data[childindex-2].height/decoItem.data[childindex-2].width)+'rpx')),}">
- <image
- @click="skipTo(childitem.url_type,childitem.url,childitem.info.productId || childitem.info.defaultProductId,childitem.info.pid,childitem.info.seckillId,childitem.info)"
- mode="aspectFit" :src="childitem.img"></image>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!--图片组合4 -->
- <view v-if="decoItem.type == 'tupianzuhe' && decoItem.sele_style == 4"
- style="background-color: #fff;">
- <view class="modules-slide">
- <view class="image-ad clearfix images-tpl">
- <view style="display: flex;">
- <view class="tupianzuhe04_left flex_row_center_center"
- @click="skipTo(decoItem.data[0].url_type,decoItem.data[0].url,decoItem.data[0].info.productId || decoItem.data[0].info.defaultProductId,decoItem.data[0].info.pid,decoItem.data[0].info.seckillId,decoItem.info)">
- <image mode="aspectFit" :src="decoItem.data[0].img"></image>
- </view>
- <view style="display: flex;flex-direction: column;justify-content: space-between;">
- <view class="tupianzuhe04_right_item flex_row_center_center"
- @click="skipTo(decoItem.data[1].url_type,decoItem.data[1].url,decoItem.data[1].info.productId || decoItem.data[1].info.defaultProductId,decoItem.data[1].info.pid,decoItem.data[1].info.seckillId,decoItem.info)">
- <image mode="aspectFit" :src="decoItem.data[1].img"></image>
- </view>
- <view class="tupianzuhe04_right_item flex_row_center_center"
- @click="skipTo(decoItem.data[2].url_type,decoItem.data[2].url,decoItem.data[2].info.productId || decoItem.data[2].info.defaultProductId,decoItem.data[2].info.pid,decoItem.data[2].info.seckillId,decoItem.info)">
- <image mode="aspectFit" :src="decoItem.data[2].img"></image>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 图片组合5 6 display: flex;flex-wrap:wrap;-->
- <view v-if="decoItem.type == 'tupianzuhe'&& decoItem.sele_style == 5 || decoItem.sele_style == 6"
- style="background-color: #fff;">
- <view class="modules-slide">
- <view class="image-ad clearfix images-tpl" style="padding-top: 0;">
- <view class="combine5_wrap" style="display:flex;flex-wrap:wrap;width:100%;"
- v-if="decoItem.sele_style == 5">
- <view v-for="(childitem, childindex) in decoItem.data" :key="childindex"
- class="combine5 flex_row_center_center"
- @click="skipTo(childitem.url_type,childitem.url,childitem.info.productId || childitem.info.defaultProductId,childitem.info.pid,childitem.info.seckillId,decoItem.info)"
- :style="{width: childindex == 0 || childindex == 3 ? 230 +'rpx' : 460 + 'rpx',
- height: '230rpx',marginTop:'20rpx',marginLeft:'20rpx',backGround:'red'}">
- <image mode="aspectFit" :src="childitem.img" style="width: 100%;height: 100%;">
- </image>
- </view>
- </view>
- <view class="" v-if="decoItem.sele_style == 6" style="display:flex;">
- <view class="combine6" style="margin-left: 20rpx;">
- <view class="flex_row_center_center"
- :style="{width:'345rpx',height:345/2+'rpx','flex-shrink':0,'margin-bottom':'20rpx'}"
- @click="skipTo(decoItem.data[0].url_type,decoItem.data[0].url,decoItem.data[0].info.productId || decoItem.data[0].info.defaultProductId,decoItem.data[0].info.pid,decoItem.data[0].info.seckillId,decoItem.info)">
- <image :src="decoItem.data[0].img" mode="aspectFit"
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="flex_row_center_center"
- :style="{width: '345rpx',height:'345rpx','flex-shrink':0}"
- @click="skipTo(decoItem.data[1].url_type,decoItem.data[1].url,decoItem.data[1].info.productId || decoItem.data[1].info.defaultProductId,decoItem.data[1].info.pid,decoItem.data[1].info.seckillId,decoItem.info)">
- <image :src="decoItem.data[1].img" mode="aspectFit"
- style="width: 100%;height: 100%;"></image>
- </view>
- </view>
- <view class="combine6">
- <view class="flex_row_center_center"
- :style="{width: '345rpx',height:'345rpx','flex-shrink':0,'margin-bottom':'20rpx'}"
- @click="skipTo(decoItem.data[2].url_type,decoItem.data[2].url,decoItem.data[2].info.productId || decoItem.data[2].info.defaultProductId,decoItem.data[2].info.pid,decoItem.data[2].info.seckillId,decoItem.info)">
- <image :src="decoItem.data[2].img" mode="aspectFit"
- style="width: 100%;height: 100%;"></image>
- </view>
- <view class="flex_row_center_center"
- :style="{width: '345rpx',height:345/2+'rpx','flex-shrink':0}"
- @click="skipTo(decoItem.data[3].url_type,decoItem.data[3].url,decoItem.data[3].info.productId || decoItem.data[3].info.defaultProductId,decoItem.data[3].info.pid,decoItem.data[3].info.seckillId,decoItem.info)">
- <image :src="decoItem.data[3].img" mode="aspectFit"
- style="width: 100%;height: 100%;"></image>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 图片组合7-->
- <view v-if="decoItem.sele_style == 7" data-index="index" style="background-color: #fff;">
- <view class="modules-slide">
- <view class="image-ad images-tpl"
- style="display: flex;justify-content: flex-start;align-items: center;padding-top: 0;">
- <view :style="{'display': 'flex','flex-wrap':'wrap','width':(670/3*2+61)+'rpx',}">
- <view class="flex_row_center_center"
- v-for="(childitem, childindex) in decoItem.data" v-if="childindex<4"
- :key="childindex"
- @click="skipTo(childitem.url_type,childitem.url,childitem.info.productId || childitem.info.defaultProductId,childitem.info.pid,childitem.info.seckillId,decoItem.info)"
- :style="{'margin-left':'20rpx',width:670/3+'rpx',height:670/3+'rpx',marginTop:'20rpx','flex-shrink':0}">
- <image mode="aspectFit" :src="childitem.img" style="width: 100%;height: 100%;">
- </image>
- </view>
- </view>
- <view class="flex_row_center_center" v-if="decoItem.data[4]"
- @click="skipTo(decoItem.data[4].url_type,decoItem.data[4].url,decoItem.data[4].info.productId || decoItem.data[4].info.defaultProductId,decoItem.data[4].info.pid,decoItem.data[4].info.seckillId,decoItem.info)"
- :style="{'margin-top':'20rpx',width:670/3+'rpx',height: (670/3*2+20) +'rpx'}">
- <image mode="aspectFit" :src="decoItem.data[4].img"
- style="width: 100%;height: 100%;"></image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 搭配 -->
- <view class="match_wrap" v-if="decoItem.type == 'dapei' && decoItem.is_show == true">
- <view class="match_top">
- <view class="match_top_title" v-if="decoItem.dapei_title">{{decoItem.dapei_title}}</view>
- <view class="match_image_wrap flex_row_center_center">
- <image :src="decoItem.dapei_img" mode="" class="match_image"
- :style="{width:'710rpx',height:710*decoItem.height/decoItem.width+'rpx'}"></image>
- </view>
- <view class="match_top_text" v-if="decoItem.dapei_desc">{{decoItem.dapei_desc}}</view>
- </view>
- <view class="match_main_wrap">
- <view class="match_main" v-if="decoItem && decoItem.data && decoItem.data.info">
- <view class="match_item" v-for="(item,index) in decoItem.data.info" :key="index"
- @click="toGoodsDetail(item.productId || item.defaultProductId,item.goodsId)">
- <view class="match_goods_img">
- <image :src="item.mainImage" mode="aspectFit"></image>
- </view>
- <view class="match_goods_name">{{item.goodsName}}</view>
- <view class="match_goods_price">
- <text class="small_price">¥</text>
- <text
- class="big_price">{{filters.toSplit(filters.toFix(item.goodsPrice))[0]}}</text>.
- <text
- class="small_price">{{filters.toSplit(filters.toFix(item.goodsPrice))[1]}}</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 辅助线 -->
- <view class="subline_wrap" v-if="decoItem.type == 'fzx' && decoItem.is_show == true"
- :style="{paddingLeft:decoItem.lrmargin*2+'rpx',paddingRight:decoItem.lrmargin*2+'rpx',marginTop:decoItem.tbmargin*2+'rpx',marginBottom:decoItem.tbmargin*2+'rpx'}">
- <view class="subline"
- :style="{height:decoItem.tbmargin+'px',borderBottomColor:decoItem.color,borderBottomStyle:decoItem.val}">
- </view>
- <view :style="{height:decoItem.tbmargin+'px'}"></view>
- </view>
- <!-- 轮播图 -->
- <view class="carousel_bottom_wrap" v-if="decoItem.type == 'lunbo' && decoItem.is_show == true"
- style="padding:0;">
- <swiper class="carousel carousel_bottom" circular autoplay="true"
- :style="{width:decoItem.width+'rpx',height:decoItem.height+'rpx'}">
- <swiper-item v-for="(item, index) in decoItem.data" :key="index" class="carousel-item"
- style="padding:0;"
- @click="skipTo(item.url_type,item.url,item.info.productId || item.info.defaultProductId,item.info.pid,item.info.seckillId,item.info)">
- <image :src="item.img" class="carousel_img" mode="aspectFit" />
- </swiper-item>
- </swiper>
- </view>
- <!-- 推荐商品样式一 -->
- <view class="recommend_goods_wrap"
- v-if="decoItem.type == 'tuijianshangpin' && decoItem.show_style == 'small'" style="padding:0">
- <view
- :style="{backgroundColor:decoItem.border_style == 'border_none_grey_bg'?'f8f8f8':'#fff',paddingLeft:decoItem.page_margin*2+'rpx',paddingRight:decoItem.page_margin*2+'rpx',paddingTop:'20rpx'}"
- class="rec_goods_wrap">
- <goods-item-v :goods_info="item" :show_sale="decoItem.isshow_sales == 1?true:false"
- :icon_type="decoItem.cart_icon_type" :height="225" :border_radius="decoItem.border_radius"
- :border_style="decoItem.border_style" :goods_margin="decoItem.goods_margin"
- :page_margin="decoItem.page_margin" v-for="(item,index) in decoItem.data.info" :key="index"
- @click="skipTo(decoItem.type,item.gid,item.info)"></goods-item-v>
- </view>
- </view>
- <!-- 推荐商品样式二 -->
- <view class="recommend_goods_wrap"
- v-if="decoItem.type == 'tuijianshangpin' && decoItem.show_style == 'list' && decoItem.is_show == true"
- :style="{paddingLeft:decoItem.page_margin+'px',paddingRight:decoItem.page_margin+'px',marginTop:0,backgroundColor:decoItem.border_style == 'border_none_grey_bg'?'f8f8f8':'#fff'}">
- <view class="rec_goods_wrap">
- <view class="recommend_goods1" v-for="(item,index) in decoItem.data.info" :key="index"
- :style="{borderRadius:decoItem.border_radius+'px',border:decoItem.border_style == 'border_eee'?'1rpx solid #eee':'',boxShadow:decoItem.border_style == 'card-shadow'?'rgba(93, 113, 127, 0.08) 0px 2px 8px':'',marginBottom:decoItem.goods_margin+'px'}">
- <view class="recommend_goods_img1"
- @click="toGoodsDetail(item.productId || item.defaultProductId,item.goodsId)">
- <image :src="item.mainImage" mode="aspectFill" :style="{borderRadius:border_radius2}">
- </image>
- </view>
- <view class="recommend_goods_right">
- <view class="recommend_goods_name"
- @click="toGoodsDetail(item.productId || item.defaultProductId,item.goodsId)">
- {{item.goodsName}}
- </view>
- <view :class="decoItem.isshow_sales == 1?'':'hide_sold_wrap'">
- <view class="recommend_goods_price"
- :style="{position:decoItem.isshow_sales == 1?'absolute':'static'}">
- <text class="small_price">¥</text>
- <text class="big_price">{{$getPartNumber(item.goodsPrice,'int')}}</text>
- <text class="small_price">{{$getPartNumber(item.goodsPrice,'decimal')}}</text>
- </view>
- <view class="recommend_goods_bottom"
- :style="{position:decoItem.isshow_sales == 1?'absolute':'static',width:decoItem.isshow_sales == 1?'100%':'auto'}">
- <view class="have_sold" v-if="decoItem.isshow_sales == 1">
- 已售{{item.actualSales}}件</view>
- <block>
- <image :src="imgUrl+'add-cart.png'" mode=""
- v-if="decoItem.cart_icon_type == 1"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- <image :src="icon2" mode="" v-if="decoItem.cart_icon_type == 2"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- <image :src="icon3" mode="" v-if="decoItem.cart_icon_type == 3"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- <image :src="icon4" mode="" v-if="decoItem.cart_icon_type == 4"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- </block>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 推荐商品样式三 -->
- <view class="recommend_goods_wrap"
- v-if="decoItem.type == 'tuijianshangpin' && decoItem.show_style == 'big' && decoItem.is_show == true"
- :style="{paddingLeft:decoItem.page_margin+'px',paddingRight:decoItem.page_margin+'px',marginTop:0,backgroundColor:decoItem.border_style == 'border_none_grey_bg'?'f8f8f8':'#fff'}">
- <view class="recommend_goods2" v-for="(item,index) in decoItem.data.info" :key="index"
- :style="{borderRadius:decoItem.border_radius+'px',border:decoItem.border_style == 'border_eee'?'1rpx solid #eee':'',boxShadow:decoItem.border_style == 'card-shadow'?'rgba(93, 113, 127, 0.08) 0px 2px 8px':'',marginBottom:decoItem.goods_margin+'px'}">
- <view class="recommend_goods_img2"
- @click="toGoodsDetail(item.productId || item.defaultProductId,item.goodsId)">
- <image :src="item.mainImage" mode="aspectFill" :style="{borderRadius:border_radius1}">
- </image>
- </view>
- <view class="recommend_goods_bottom2" :style="{borderRadius:border_radius3}">
- <view class="recommend_goods_name2"
- @click="toGoodsDetail(item.productId || item.defaultProductId,item.goodsId)">
- {{item.goodsName}}
- </view>
- <view class="goods_bottom"
- :style="{flexDirection:decoItem.isshow_sales == 1?'':'row',justifyContent:decoItem.isshow_sales == 1?'':'space-between'}">
- <view class="recommend_goods_price" style="color:#FC1C1C;">
- <text class="small_price">¥</text>
- <text class="big_price">{{$getPartNumber(item.goodsPrice,'int')}}</text>
- <text class="small_price">{{$getPartNumber(item.goodsPrice,'decimal')}}</text>
- </view>
- <view class="recommond_goods3_wrap">
- <view class="have_sold" v-if="decoItem.isshow_sales == 1">已售{{item.actualSales}}件
- </view>
- <image :src="imgUrl+'add-cart.png'" mode="" v-if="decoItem.cart_icon_type == 1"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- <image :src="icon2" mode="" v-if="decoItem.cart_icon_type == 2"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- <image :src="icon3" mode="" v-if="decoItem.cart_icon_type == 3"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- <image :src="icon4" mode="" v-if="decoItem.cart_icon_type == 4"
- @click="addCart(item.productId || item.defaultProductId,item.goodsId,item)">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 辅助空白 -->
- <view class="blank_wrap" v-if="decoItem.type == 'fzkb' && decoItem.id && decoItem.is_show == true"
- :style="{backgroundColor:decoItem.color,height:decoItem.text+'px'}"></view>
- <!-- tab切换 -->
- <sort-list :nav_list="decoItem.data" :isShowSale="false" :borderRadius="decoItem.border_radius"
- v-if="decoItem.type == 'more_tab' && decoItem.is_show == true" :card_height="225"></sort-list>
- <!-- 直播 start -->
- <!-- 方案一 -->
- <view class="svideo" v-if="decoItem.type == 'live' && decoItem.is_show == true">
- <view class="svideo_title">
- <view class="svideo_title_l">{{decoItem.title}}</view>
- <view class="svideo_title_r" @click="skipTo('live_center','','')">更多直播 ></view>
- </view>
- <view class="svideo_main" v-if="decoItem.show_style == 'one' && decoItem.is_show == true">
- <view class="svideo_main_block svideo_main_block_l" v-for="(item,index) in decoItem.data.info"
- :key="index" :style="{borderRadius:decoItem.border_radius+'px'}"
- @click="skipTo(decoItem.type,item.liveId,item.info)">
- <image class="live_list_b_img_hua live_list_b_img_hua1"
- :src="imgUrl+'svideo/zhibo-dianzan.gif'"></image>
- <view class="svideo_main_block_lw">
- <view class="svideo_main_block_lt">
- <image class="svideo_block_t_img svideo_block_t_img2zb"
- :src="imgUrl+'svideo/zx_zhibo_gif.gif'"></image>
- <text class="svideo_block_t_text svideo_block_t_text2">{{item.viewingNum}}人观看</text>
- </view>
- </view>
- <!-- #ifdef MP-WEIXIN -->
- <image class="video_bg1" :src="item.liveCover"></image>
- <!-- #endif -->
- <!-- #ifndef MP-WEIXIN -->
- <view class="video_bg1" :style="'background-image:url('+item.liveCover+')'"></view>
- <!-- #endif -->
- <view class="svideo_main_block_zb">{{item.liveName}}</view>
- </view>
- </view>
- <!-- 方案2 -->
- <view class="svideo_main2" v-if="decoItem.show_style == 'two' && decoItem.is_show == true">
- <scroll-view class="svideo2_wrap scroll-view" scroll-x="true" show-scrollbar="false">
- <block v-for="(item, index) in decoItem.data.info" :key="index">
- <view class="svideo_main_block2 svideo_main_block_l2"
- @click="skipTo(decoItem.type,item.liveId,item.info)"
- :style="{borderRadius:decoItem.border_radius+'px'}">
- <image class="video_bg1" :src="item.liveCover"></image>
- <image class="live_list_b_img_hua" :src="imgUrl+'svideo/zhibo-dianzan.gif'"></image>
- <view class="svideo_main_block_lw">
- <view class="svideo_main_block_lt">
- <image class="svideo_block_t_img svideo_block_t_img2zb"
- :src="imgUrl+'svideo/zx_zhibo_gif.gif'"></image>
- <text
- class="svideo_block_t_text svideo_block_t_text2">{{item.viewingNum}}人观看</text>
- </view>
- </view>
- <view class="svideo_main_block_b2 svideo_main_block_b2_zb">
- <text>{{item.liveName}}</text>
- </view>
- </view>
- </block>
- </scroll-view>
- </view>
- </view>
- <!-- 直播 end -->
- <!-- 短视频 start -->
- <view class="svideo" v-if="decoItem.type == 'svideo' && decoItem.is_show == true">
- <view class="svideo_title">
- <view class="svideo_title_l">{{decoItem.title}}</view>
- <view class="svideo_title_r" @click="skipTo('svideo_center')">更多视频 ></view>
- </view>
- <!-- 方案一 -->
- <view class="svideo_main" v-if="decoItem.show_style == 'one' && decoItem.is_show == true">
- <view class="svideo_main_block svideo_main_block_l" v-for="(item,index) in decoItem.data.info"
- :key="index" @click="skipTo(decoItem.type,item)"
- :style="{borderRadius:decoItem.border_radius+'px'}">
- <view class="svideo_main_block_w">
- <view class="svideo_main_block_t">
- <image class="svideo_block_t_img svideo_block_t_img2s svideo_block_t_img0"
- :src="imgUrl+'svideo/zx_play.png'"></image>
- <text class="svideo_block_t_text">{{item.clickNum}}人观看</text>
- </view>
- </view>
- <image class="video_bg1" :src="item.videoImage"></image>
- <view class="svideo_main_block_b">{{item.videoName}}</view>
- </view>
- </view>
- <!-- 方案2 -->
- <view class="svideo_main2" v-if="decoItem.show_style == 'two' && decoItem.is_show == true">
- <scroll-view class="scroll-view svideo2_wrap" scroll-x="true" show-scrollbar="false">
- <block v-for="(item, index) in decoItem.data.info" :key="index">
- <view class="svideo_main_block2 svideo_main_block_l2"
- @click="skipTo(decoItem.type,item)"
- :style="{borderRadius:decoItem.border_radius+'px'}">
- <image class="video_bg1" :src="item.videoImage"></image>
- <view class="svideo_main_block_w">
- <view class="svideo_main_block_t">
- <image class="svideo_block_t_img svideo_block_t_img2 svideo_block_t_img0"
- :src="imgUrl+'svideo/zx_play.png'"></image>
- <text class="svideo_block_t_text">{{item.clickNum}}人观看</text>
- </view>
- </view>
- <view class="svideo_main_block_b2">{{item.videoName}}</view>
- </view>
- </block>
- </scroll-view>
- </view>
- <!-- 方案3 -->
- <view class="svideo_main5" v-if="decoItem.show_style == 'three' && decoItem.is_show == true">
- <block v-for="(item, index) in decoItem.data.info" :key="index">
- <view class="svideo_main_block5 svideo_main_block50" @click="skipTo(decoItem.type,item)"
- :style="{borderRadius:decoItem.border_radius+'px'}">
- <image class="video_bg3" :src="item.videoImage"></image>
- <view class="svideo_bg_img"></view>
- <view class="svideo_block_bgimg0">
- <view class="svideo_block_t5_w">
- <view class="svideo_block_t5">{{item.clickNum}}人观看</view>
- </view>
- <view class="svideo_block_bgimg1_wrap">
- <view class="svideo_block_bgimg1">
- <image class="video_bg" :src="item.videoImage"></image>
- <image class="svideo_block_bgimg3 svideo_block_t_img0 svideo_block_t_img0"
- :src="imgUrl+'svideo/zx_play.png'"></image>
- </view>
- </view>
- </view>
- <view class="svideo5_b">
- <view class="svideo5_b_title">{{item.videoName}}</view>
- <view class="svideo5_b_text">{{item.introduction}}</view>
- </view>
- </view>
- </block>
- </view>
- <!-- 方案4 -->
- <view class="svideo_main3" v-if="decoItem.show_style == 'four' && decoItem.is_show == true"
- style="padding-bottom:30rpx;">
- <swiper class="swiper-block" :current="1" :circular="true" :autoplay="true"
- @change="swiperChange2" previous-margin="120rpx" next-margin="120rpx">
- <block v-for="(item, index) in decoItem.data.info" :key="index" :index="index">
- <swiper-item :style="{left:((71+index*63)+'rpx')}"
- :class="swiperIndex1 == index ? 'swiper-item1' : 'swiper-item'">
- <view class="optionBox" style="text-align:center"
- @click="skipTo(decoItem.type,item)">
- <image mode="aspectFill" :src="item.videoImage"
- :class="swiperIndex1 == index ? 'active1' : 'active2'"
- :style="{height:'345rpx',borderRadius:decoItem.border_radius+'px'}"></image>
- <view class="svideo_main_block_sw">
- <view class="">
- <image class="svideo_block_t_img svideo_person_num"
- :src="imgUrl+'svideo/play_video.png'"></image>
- </view>
- </view>
- <view class="svideo_main_block_b3_w">
- <view class="svideo_main_block_b3">{{item.clickNum}}人观看</view>
- </view>
- </view>
- </swiper-item>
- </block>
- </swiper>
- </view>
- <!-- 方案5 -->
- <view class="svideo_main4" v-if="decoItem.show_style == 'five' && decoItem.is_show == true">
- <scroll-view class="scroll-view svideo4_wrap" scroll-x="true" show-scrollbar="false">
- <block v-for="(item, index) in decoItem.data.info" :key="index">
- <view class="svideo_main_block4" @click="skipTo(decoItem.type,item)"
- :style="{borderRadius:decoItem.border_radius+'px'}">
- <image class="video_bg" :src="item.videoImage"
- :style="{borderRadius:decoItem.border_radius+'px'}"></image>
- <view class="svideo_main_block_w svideo_main_block_t svideo_main_block_t0">
- <image class="svideo_block_t_img svideo_block_t_img24 svideo_block_t_img0"
- :src="imgUrl+'svideo/zx_play.png'"></image>
- <text class="svideo_block_t_text4">{{item.clickNum}}人观看</text>
- </view>
- <view class="svideo_main_block_b4 svideo_main_block_b40"
- :style="{borderRadius:[0,0,decoItem.border_radius+'px',decoItem.border_radius+'px']}">
- <image class="video_bg"
- :style="{borderRadius:[0,0,decoItem.border_radius+'px',decoItem.border_radius+'px']}"
- :src="imgUrl+'svideo/zx_v_bg'+(index+1)+'.png'"></image>
- <view class="svideo_main_block_b4_text">{{item.videoName}}</view>
- </view>
- </view>
- </block>
- </scroll-view>
- </view>
- </view>
- <!-- 短视频 end -->
- </view>
- </view>
- <!-- 顶部分类切换 -->
- <view class="sort_sub_wrap" v-if="tab_index != 0 && sort_obj.children.length>0">
- <view class="sort_sub_top">
- <view class="sort_sub_item" v-for="(item,index) in sort_obj.children" :key="index"
- @click="goGoodsList(item.categoryId)">
- <view class="sort_sub_img">
- <image :src="item.categoryImage" mode=""></image>
- </view>
- <view class="sort_sub_name">{{filterFun(item.categoryName)}}</view>
- </view>
- <view class="see_more_wrap" @click="toAllSort(sort_obj.categoryId)" v-if="sort_obj.children.length>7">
- <view class="more_icon_circle">
- <image :src="imgUrl+'index/more.png'" mode="" class="more_icon"></image>
- </view>
- <view class="see_more_text">查看更多</view>
- </view>
- </view>
- <view class="sort_sub_goods">
- <goods-item-v :goods_info="item" :show_sale="false" :icon_type="1" :border_radius="8" :height="225"
- v-for="(item,index) in sort_obj.goodsList" :key="index"></goods-item-v>
- </view>
- </view>
- <!-- 空首页装修 -->
- <view class="empty_sort_page" v-if="deco_info == null" style="padding-top: 35vh;">
- <image :src="imgUrl+'index/empty.png'" mode="aspectFit" class="empty_img"></image>
- <view class="empty_text">首页暂未装修</view>
- </view>
- <!-- 专题空页面 -->
- <view class="empty_sort_page" v-if="is_show_top == false && deco_info.length == 0 && noData==false"
- style="padding-top: 35vh;height:100vh;">
- <image :src="imgUrl+'index/empty.png'" mode="aspectFit" class="empty_img"></image>
- <view class="empty_text">{{topicNotExit?'专题页不存在':'专题页暂未装修'}}</view>
- </view>
- <!-- 分类空页面 -->
- <view class="empty_sort_page" v-if="tab_index > 0 && is_show_empty == true">
- <image :src="imgUrl+'index/empty.png'" mode="aspectFit" class="empty_img"></image>
- <view class="empty_text">该分类暂无相关商品</view>
- </view>
- <!-- 分类空商品 -->
- <view class="empty_sort_page" v-if="tab_index > 0 && is_show_empty_goods == true && is_show_empty == false"
- style="padding-top: 260rpx;">
- <image :src="imgUrl+'index/empty.png'" mode="aspectFit" class="empty_img"></image>
- <view class="empty_text">该分类暂无相关商品</view>
- </view>
- <!-- 首页开屏框 start -->
- <view :class="isCookie == true ? 'open_screen show-dialog' : 'open_screen hide-dialog'"
- v-if="isCookie == true && home_page_img&&home_page_img.length > 0 && home_page_img[0].imgUrl" @touchmove.stop.prevent="()=>{}">
- <view class="open_screen_con" @click="gotoGoods_detail">
- <view class="con_img" @click.stop="close_openScreen">
- <image :src="openscnImg"></image>
- </view>
- <image class="open_screen_con_img image_mode_fill_h5" mode="scaleToFill" :src="home_page_img[0].imgUrl"
- :style="{ width: width + 'rpx', 'height': height + 'rpx' }"></image>
- </view>
- </view>
- <!-- 开屏框 end -->
- <!-- 店铺首页开屏框 start -->
- <view :class="storeIsCookie == true ? 'open_screen show-dialog' : 'open_screen hide-dialog'"
- v-if="store_page_img && storeIsCookie == true && store_page_img.length > 0 && store_page_img[0].imgUrl">
- <view :style="{ width: store_width + 'rpx', 'height': store_height + 'rpx' }" class="open_screen_con"
- @click="gotoGoods_detail">
- <view class="con_img" @click.stop="close_storeOpenScreen">
- <image :src="openscnImg"></image>
- </view>
- <image class="open_screen_con_img" :src="store_page_img[0].imgUrl"></image>
- </view>
- </view>
- <!-- 开屏框 end -->
- </view>
- </template>
- <script module="filters" lang="wxs" src="@/utils/filter.wxs"></script>
- <script>
- import {
- mapState,
- } from 'vuex';
- import tabMenu from '@/components/index-tab-menu.vue'
- import sortList from '@/components/index-sort-list.vue'
- import uniSwiperDot from '@/components/uni-swiper-dot/uni-swiper-dot.vue'
- import marquee from '@/components/marquee.vue'
- import {
- decoType
- } from '@/utils/common.js'
- import goodsItemV from '@/components/goods_item_v.vue';
- import loadingState from "@/components/loading-state.vue";
- export default {
- data() {
- return {
- imgUrl: getApp().globalData.imgUrl,
- titleNViewBackground: '',
- swiperCurrent: 0,
- swiperLength: 0,
- carouselList: [],
- goodsList: [],
- current: 0, //轮播图指示点
- dotsStyles: {
- selectedBackgroundColor: '#fff',
- width: 8,
- height: 8,
- selectedBorder: 'none',
- backgroundColor: 'rgba(255,255,255,0.4)',
- border: 'none',
- bottom: 8
- },
- noticeImg1: getApp().globalData.imgUrl + 'index/notice1.png',
- noticeImg2: getApp().globalData.imgUrl + 'index/notice2.png',
- // deco_info:[] ,//首页装修数据
- // home_page_img:[] , //首页开屏图列表
- dataObj: {}, //完整版首页装修数据
- border_radius: '', //顶部轮播背景圆角
- broadcastData1: [], //公告1滚动文字
- broadcastData2: [], //公告2滚动文字
- broadcastStyle1: { //滚动文字样式设置
- speed: 1, //每秒30px
- font_size: "24", //字体大小(rpx)
- text_color: "#666", //字体颜色
- back_color: "linear-gradient(to right,rgba(250,244,244,0.2) 0%, rgba(255,244,244,1) 50%, rgba(250,244,244,0.2) 100%);", //背景色
- },
- broadcastStyle2: { //滚动文字样式设置
- speed: 1, //每秒30px
- font_size: "24", //字体大小(rpx)
- text_color: "#fff", //字体颜色
- back_color: "#3A3A3A", //背景色
- },
- telImg: getApp().globalData.imgUrl + 'index/mobile.png',
- sort_nav_list: [], //顶部分类列表
- sort_obj: {}, //二级分类列表+分类商品列表
- tab_index: 0, //分类切换下标
- is_show_index: true,
- adArr: [], //公告数组
- icon2: getApp().globalData.imgUrl + 'index/add2.png',
- icon3: getApp().globalData.imgUrl + 'index/add.png',
- icon4: getApp().globalData.imgUrl + 'index/add3.png',
- icon5: getApp().globalData.imgUrl + 'index/stop.png',
- client: '', //客户端类型
- isCookie: false,
- storeIsCookie: false,
- openscnImg: getApp().globalData.imgUrl + 'index/close_screen.png',
- isShowTab: true, //是否显示顶部分类
- sortLen: '', //二级分类长度
- isShow: true,
- is_show_empty: false, //是否展示分类空页面
- pure_bg_color: '', //顶部栏有弧度纯色
- border_radius1: '', //推荐商品二角度设置
- border_radius2: '', //推荐商品三角度设置
- border_radius3: '',
- top_bg: 'linear-gradient(90deg, #6984a4 0%, #3a4b5c 100%)', //顶部状态栏颜色
- noData: false, //暂无数据
- is_show_empty_goods: false, //是否展示分类空商品页面
- // #ifdef APP-PLUS || H5
- isIos: getApp().globalData.systemInfo.platform == 'ios', //是否ios手机
- // #endif
- goods_info: {},
- swiperIndex1: 1,
- };
- },
- components: {
- tabMenu,
- sortList,
- uniSwiperDot,
- marquee,
- goodsItemV
- },
- props: ['is_show_top', 'deco_info', 'topic_name', 'is_from_found', 'home_is_show_top_cat', 'home_page_img',
- 'width',
- 'height', 'store_width', 'store_height', 'store_page_img', 'topicNotExit', 'store_id', 'type'
- ],
- computed: {
- ...mapState(['hasLogin', 'userInfo', 'userCenterData'])
- },
- async mounted() {
- this.getSortList();
- //首页装修开平图缓存
- let type = this.type != undefined && this.type ? this.type : ''
- let cookievalue = uni.getStorageSync('homeCookie' + type);
- if (!cookievalue) {
- this.isCookie = true;
- uni.setStorage({
- key: 'homeCookie' + type,
- data: new Date().getTime()
- });
- } else {
- if (new Date().getTime() * 1 - cookievalue * 1 > 24 * 60 * 60 * 1000) {
- this.isCookie = true;
- uni.setStorage({
- key: 'homeCookie' + type,
- data: new Date().getTime()
- });
- } else {
- this.isCookie = false;
- }
- }
- //店铺首页开平图缓存
- if (this.store_page_img != undefined) {
- if (this.store_page_img.length > 0) {
- let storeIsCookie = uni.getStorageSync('storeIsCookie' + this.store_id);
- if (!storeIsCookie) {
- this.storeIsCookie = true;
- uni.setStorage({
- key: 'storeIsCookie' + this.store_id,
- data: new Date().getTime()
- });
- } else {
- if (new Date().getTime() * 1 - cookievalue * 1 > 24 * 60 * 60 * 1000) {
- this.storeIsCookie = true;
- uni.setStorage({
- key: 'storeIsCookie' + this.store_id,
- data: new Date().getTime()
- });
- } else {
- this.storeIsCookie = false;
- }
- }
- } else {
- uni.removeStorage({
- key: 'storeIsCookie' + this.store_id,
- success: function(res) {}
- });
- }
- }
- // 推荐商品圆角设置
- },
- watch: {
- deco_info(val) {
- this.noData = val && val.length == 0 ? true : false
- val && val.map(item => {
- if (item.type == 'top_cat_nav' && item.data && item.data.length > 0) {
- this.titleNViewBackground = 'linear-gradient(' + item.data[0].bg_color + ' 0%,' + item
- .data[0].bg_color +
- '42%,#ffffff 100%)';
- this.pure_bg_color = item.data[0].bg_color;
- } else if (item.type == 'tuijianshangpin' && item.show_style == "big") {
- this.border_radius1 = item.border_radius + 'px' + ' ' + item.border_radius + 'px' + ' 0 0'
- this.border_radius3 = '0 0 ' + item.border_radius + 'px' + ' ' + item.border_radius + 'px'
- } else if (item.type == 'tuijianshangpin' && item.show_style == "list") {
- this.border_radius2 = item.border_radius + 'px' + ' 0 0 ' + item.border_radius + 'px'
- }
- if (item.type == 'top_cat_nav') {
- var newList = []
- for (var i = 0; i < item.data.length; i++) {
- if (item.data[i].img) {
- newList.push(item.data[i])
- }
- }
- item.data = newList
- }
- })
- },
- },
- methods: {
- filterFun: function(value) {
- if (value && value.length > 4) {
- value = value.substring(0, 4);
- }
- return value;
- },
- //跳转商品列表
- goGoodsList(categoryId) {
- uni.navigateTo({
- url: '/pages/product/list?categoryId=' + categoryId
- })
- },
- // 扫描二维码
- scanCode() {
- uni.scanCode({
- success: function(res) {
- let gid = getSceneParam(res.result, 'gid')
- if (gid) {
- uni.navigateTo({
- url: '/pages/goods_detail/goods_detail?gid=' + gid
- })
- }
- }
- });
- },
- // 返回上一页
- toBack() {
- uni.navigateBack()
- },
- //轮播图切换修改背景色
- swiperChange(e) {
- const index = e.detail.current;
- this.swiperCurrent = index;
- this.deco_info && this.deco_info.map(item => {
- if (item.type == 'top_cat_nav') {
- this.pure_bg_color = item.data[index].bg_color
- if (item.swiper_bg_style == 1) {
- this.titleNViewBackground = item.data[index].bg_color
- } else {
- this.titleNViewBackground = 'linear-gradient(' + item.data[index].bg_color + ' 0%,' +
- item.data[index].bg_color +
- '42%,#ffffff 100%)'
- }
- }
- })
- },
- // 短视频轮播
- swiperChange2(e) {
- this.swiperIndex1 = e.detail.current
- },
- //详情页
- navToDetailPage(item) {
- //测试数据没有写id,用title代替
- let id = item.title;
- uni.navigateTo({
- url: `/pages/product/product?id=${id}`
- })
- },
- // 获取分类列表
- getSortList() {
- let param = {}
- param.url = 'v3/goods/front/goods/category/list'
- param.method = 'GET'
- this.$request(param).then(res => {
- if (res.state == 200) {
- this.sort_nav_list = res.data.list
- this.sort_nav_list.unshift({
- categoryName: '首页'
- })
- }
- })
- },
- // 获取二级分类及分类商品列表
- getChildList(list, index) {
- if (this.tab_index != index) {
- // 切换tab回到顶部
- uni.pageScrollTo({
- scrollTop: 0,
- duration: 0
- })
- this.sort_list = [];
- }
- this.tab_index = index
- if (index > 0) {
- this.sort_obj = list
- if (this.sort_obj.children.length > 0) {
- this.sortLen = this.sort_obj.children.length
- this.is_show_empty = false
- } else {
- this.is_show_empty = true
- }
- if (this.sortLen > 9) {
- this.sort_obj.children = this.sort_obj.children.slice(0, 9)
- }
- if (this.sort_obj.goodsList.length > 0) {
- this.is_show_empty_goods = false
- } else {
- this.is_show_empty_goods = true
- }
- this.is_show_index = false
- } else {
- this.is_show_index = true
- }
- this.isShow = false
- this.isShow = true
- },
- // 拨打客服电话
- callUp(tel) {
- uni.makePhoneCall({
- phoneNumber: tel.toString()
- })
- },
- toSearchPage() {
- const page = getCurrentPages()
- let curPage = page[page.length - 1]
- if (curPage.route == 'extra/tshou/index/index') {
- uni.navigateTo({
- url: '/extra/tshou/search/search'
- })
- } else {
- uni.navigateTo({
- url: '/pages/search/search'
- })
- }
- },
- // 相关跳转
- skipTo(type, url, productId, pid, seckillId, info) {
- if (type == 'url') { //跳转链接地址
- // #ifdef H5
- window.open(url)
- // #endif
- // #ifdef APP-PLUS
- plus.runtime.openURL(url) //这里默认使用外部浏览器打开而不是内部web-view组件打开
- // #endif
- // #ifdef MP
- uni.navigateTo({
- url: '/pages/index/skip_to?url=' + url
- })
- // #endif
- } else if (type == 'goods') { //跳转商品详情页
- uni.navigateTo({
- url: '/pages/product/detail?productId=' + productId + '&goodsId=' + url
- })
- } else if (type == 'category') { // 分类列表
- uni.navigateTo({
- url: '/pages/product/list?categoryId=' + url
- })
- } else if (type == 'keyword') { // 关键词
- uni.navigateTo({
- url: '/pages/product/list?keyword=' + url + '&source=search'
- })
- } else if (type == 'topic') { //跳转专题页
- uni.navigateTo({
- url: '/pages/index/topic?id=' + (info.decoId ? info.decoId : info.id)
- })
- } else if (type == 'brand_home') { //品牌列表
- uni.navigateTo({
- url: '/pages/public/brand'
- })
- } else if (type == 'seckill') { //秒杀
- uni.navigateTo({
- url: '/pages/seckill/seckill?seckillId=' + seckillId
- })
- } else if (type == 'ladder_group') { //阶梯团
- uni.navigateTo({
- url: '/standard/ladder/index/index'
- })
- } else if (type == 'presale') { //预售入口页
- uni.navigateTo({
- url: '/standard/presale/index/list'
- })
- } else if (type == 'voucher_center') { //优惠券领券中心
- uni.navigateTo({
- url: '/pages/coupon/couponCenter'
- })
- } else if (type == 'point') { //积分商城首页
- uni.reLaunch({
- url: '/standard/point/index/index'
- });
- } else if (type == 'svideo_center') { //短视频列表
- uni.navigateTo({
- url: '/extra/svideo/svideoList'
- })
- } else if (type == 'live_center') { //直播列表
- uni.navigateTo({
- url: '/extra/live/liveList'
- })
- } else if (type == 'spreader_center') { //推手中心
- if (!this.hasLogin) {
- uni.showToast({
- title: '请登录~',
- icon: 'none',
- duration: 700
- })
- } else {
- uni.navigateTo({
- url: '/extra/tshou/index/index'
- })
- }
- } else if (type == 'live') { //直播播放页面
- uni.navigateTo({
- url: '/extra/live/livePlay?live_id=' + url
- })
- } else if (type == 'svideo') { //短视频播放页面
- uni.navigateTo({
- url: '/extra/svideo/svideoPlay?svideo_id=' + url + '&video_id=' + url.videoId +
- '&label_id=' + url.labelId + '&author_id=' + url.authorId
- })
- } else if (type == 'spell_group') {
- uni.navigateTo({
- url: '/standard/pinGroup/index/index'
- })
- } else if (type == 'sign_center') {
- if (!this.hasLogin) {
- uni.showToast({
- title: '请登录~',
- icon: 'none',
- duration: 700
- })
- } else {
- uni.navigateTo({
- url: '/standard/signIn/signIn'
- })
- }
- }
- },
- // 跳转商品详情页
- toGoodsDetail(productId, goodsId) {
- uni.navigateTo({
- url: '/pages/product/detail?productId=' + productId + '&goodsId=' + goodsId
- })
- },
- // 跳转消息列表页
- toMsg() {
- if (!this.hasLogin) {
- uni.showToast({
- title: '请登录~',
- icon: 'none',
- duration: 700
- })
- } else {
- uni.navigateTo({
- url: '/pages/chat/list'
- })
- }
- },
- // 跳转全部分类页
- toAllSort(cateId) {
- let app = getApp()
- app.globalData.cateId = cateId
- uni.switchTab({
- url: '/pages/category/category',
- })
- },
- // 加入购物车
- addCart(productId, goodsId, item) {
- this.goods_info = item
- if (this.userInfo.access_token) {
- let param = {}
- param.url = 'v3/business/front/cart/add'
- param.method = 'POST'
- param.data = {
- productId: productId,
- number: 1
- }
- this.$request(param).then(res => {
- if (res.state == 200) {
- uni.showToast({
- title: res.msg,
- icon: 'none'
- })
- } else {
- uni.showToast({
- title: res.msg,
- icon: 'none',
- duration: 700
- })
- }
- })
- } else {
- let cart_list = {
- storeCartGroupList: [{
- promotionCartGroupList: [{
- cartList: [{
- buyNum: 1,
- goodsId: this.goods_info.goodsId,
- productId: this.goods_info.productId || this.goods_info
- .defaultProductId,
- productImage: this.goods_info.goodsPic ? this.goods_info
- .goodsPic : this.goods_info.goodsImage,
- goodsName: this.goods_info.goodsName,
- isChecked: 1,
- productPrice: this.goods_info.goodsPrice,
- // productStock: this.goods_info.productStock
- }],
- }],
- storeId: this.goods_info.storeId,
- storeName: this.goods_info.storeName,
- checkedAll: true
- }],
- checkedAll: true,
- invalidList: []
- }
- let local_cart_list = uni.getStorageSync('cart_list') //购物车列表本地缓存
- if (local_cart_list) {
- let tmp_list1 = []
- let tmp_list2 = []
- cart_list.storeCartGroupList.forEach(item => {
- item.promotionCartGroupList.forEach(item1 => {
- item1.cartList.forEach(item2 => {
- local_cart_list.storeCartGroupList.forEach(v => {
- v.promotionCartGroupList.forEach(v1 => {
- v1.cartList.forEach(v2 => {
- if (v2.productId == item2
- .productId && v
- .storeId == item
- .storeId) {
- tmp_list1.push(v)
- }
- })
- tmp_list2 = local_cart_list
- .storeCartGroupList.filter(v => {
- return v.storeId == item
- .storeId
- })
- })
- })
- })
- })
- })
- if (tmp_list1.length > 0 && tmp_list2.length > 0) { //同一店铺同一商品
- local_cart_list.storeCartGroupList.map(item => {
- item.promotionCartGroupList.map(item1 => {
- item1.cartList.map(item2 => {
- if (item2.productId == this.goods_info.productId && item
- .storeId == this.goods_info.storeId) {
- item2.buyNum += 1
- }
- })
- })
- })
- } else if (tmp_list1.length == 0 && tmp_list2.length > 0) { //同一店铺不同商品
- local_cart_list.storeCartGroupList.map(item => {
- if (item.storeId == this.goods_info.storeId) {
- item.promotionCartGroupList.map(item2 => {
- item2.cartList.push(cart_list.storeCartGroupList[0]
- .promotionCartGroupList[0].cartList[0])
- })
- }
- })
- } else { //不同店铺不同商品
- local_cart_list.storeCartGroupList.push(cart_list.storeCartGroupList[0])
- }
- // 未登录购物车展示数据
- uni.setStorage({
- key: 'cart_list',
- data: local_cart_list,
- success: function() {
- //更新购物车数量和购物车数据
- }
- });
- } else {
- uni.setStorage({
- key: 'cart_list',
- data: cart_list,
- success: function() {
- //更新购物车数量和购物车数据
- }
- });
- }
- uni.showToast({
- title: '加入购物车成功!',
- icon: 'none'
- })
- }
- },
- //关闭首页广告屏
- close_openScreen() {
- this.isCookie = false;
- },
- //关闭首页广告屏
- close_storeOpenScreen() {
- this.storeIsCookie = false;
- },
- //点击广告屏跳转到详情页面
- gotoGoods_detail() {
- this.isCookie = false;
- let osValue = this.home_page_img[0];
- this.$diyNavTo(osValue);
- }
- },
- // #ifndef MP
- // 标题栏input搜索框点击
- onNavigationBarSearchInputClicked: async function(e) {
- uni.navigateTo({
- url: `/pages/search/search`
- })
- },
- //点击导航栏 buttons 时触发
- onNavigationBarButtonTap(e) {
- const index = e.index;
- if (index === 0) {
- this.$api.msg('点击了扫描');
- } else if (index === 1) {
- // #ifdef APP-PLUS
- const pages = getCurrentPages();
- const page = pages[pages.length - 1];
- const currentWebview = page.$getAppWebview();
- currentWebview.hideTitleNViewButtonRedDot({
- index
- });
- // #endif
- uni.navigateTo({
- url: '/pages/notice/notice'
- })
- }
- },
- // #endif
- }
- </script>
- <style lang="scss">
- // 开屏 -- start
- .container {
- width: 100%;
- margin: 0 auto;
- }
- .show-dialog {
- animation: 100ms showDialog linear forwards;
- }
- .hide-dialog {
- animation: 100ms hideDialog linear forwards;
- }
- @keyframes hideDialog {
- 0% {
- opacity: 1;
- }
- 25% {
- opacity: 0.75;
- }
- 50% {
- opacity: 0.5;
- }
- 75% {
- opacity: 0.25;
- }
- 100% {
- opacity: 0;
- }
- }
- @keyframes showDialog {
- 0% {
- opacity: 0;
- }
- 25% {
- opacity: 0.25;
- }
- 50% {
- opacity: 0.5;
- }
- 75% {
- opacity: 0.75;
- }
- 100% {
- opacity: 1;
- }
- }
- .container .open_screen {
- width: 750rpx;
- height: calc(100vh);
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- margin: 0 auto;
- background-color: rgba(0, 0, 0, 0.3);
- z-index: 99999;
- }
- .container .open_screen .open_screen_con {
- maring: 0 auto;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- border-radius: 15rpx;
- }
- .container .open_screen .open_screen_con .open_screen_con_img {
- max-width: 580rpx !important;
- max-height: 776rpx !important;
- background-size: contain;
- border-radius: 15rpx;
- }
- .container .open_screen .open_screen_con .con_img {
- width: 58rpx;
- height: 58rpx;
- position: absolute;
- top: -58rpx;
- right: -58rpx;
- }
- .open_screen_con .con_img image {
- width: 100%;
- height: 100%;
- }
- // 开屏 -- end
- /* #ifdef H5 */
- .deco_wrap {
- margin-top: 160rpx !important;
- }
- /* #endif */
- /* #ifdef MP */
- .deco_wrap {
- margin-top: calc(50px + 60rpx) !important;
- padding-top: 0rpx;
- }
- .deco_wrap2 {
- margin-top: 108rpx;
- }
- /* #endif */
- /* #ifdef APP-PLUS */
- .deco_wrap {
- margin-top: calc(var(--status-bar-height) + 155rpx) !important;
- }
- /* #endif */
- .container {
- // padding-top: 180rpx;
- padding-bottom: 20rpx;
- overflow-x: hidden;
- background-color: #F5F5F5;
- }
- /* #ifdef APP-PLUS */
- .container1 {
- width: 750rpx;
- padding-top: 0rpx !important;
- padding-bottom: 0;
- }
- /* #endif */
- .mp-search-box {
- position: fixed;
- /* #ifndef APP-PLUS */
- top: 0;
- /* #endif */
- /* #ifdef APP-PLUS */
- top: var(--status-bar-height);
- /* #endif */
- z-index: 9999;
- width: 750rpx;
- height: 50px;
- padding: 0 90rpx 0 20rpx;
- display: flex;
- box-sizing: border-box;
- align-items: center;
- background: linear-gradient(90deg, #6984a4 0%, #3a4b5c 100%);
- .ser-input {
- flex: 1;
- height: 65upx;
- line-height: 56upx;
- text-align: left;
- font-size: 28upx;
- color: #949494;
- border-radius: 20px;
- background: rgba(255, 255, 255, .6);
- padding-left: 58rpx;
- box-sizing: border-box;
- background-color: #fff;
- }
- }
- page {
- .topic_top {
- padding-top: 0 !important;
- }
- .cate-section {
- position: relative;
- z-index: 5;
- //border-radius: 16upx 16upx 0 0;
- overflow-x: hidden;
- }
- .carousel-section {
- padding: 0 20rpx;
- box-sizing: border-box;
- background-color: #FFFFFF;
- .titleNview-placing {
- padding-top: 0;
- height: 0;
- }
- .carousel {
- .carousel-item {
- padding: 0;
- }
- }
- .swiper-dots {
- left: 45upx;
- bottom: 40upx;
- }
- }
- }
- .search_img {
- position: absolute;
- width: 36rpx;
- height: 36rpx;
- left: 36rpx;
- top: 50%;
- transform: translateY(-50%);
- z-index: 99;
- }
- page {
- background: #f5f5f5;
- }
- .m-t {
- margin-top: 16upx;
- }
- /* 头部 轮播图 */
- .carousel-section {
- position: relative;
- padding-top: 10px;
- .titleNview-placing {
- height: var(--status-bar-height);
- padding-top: 88px;
- box-sizing: content-box;
- }
- .titleNview-background {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 200upx;
- transition: .4s;
- border-radius: 0 0 30rpx 30rpx;
- }
- }
- .carousel {
- width: 100%;
- height: 280upx;
- .carousel-item {
- width: 100%;
- height: 100%;
- // padding: 0 28upx !important;
- overflow: hidden;
- }
- image {
- width: 100%;
- height: 100%;
- border-radius: 10upx;
- overflow: hidden;
- }
- }
- .swiper-dots {
- display: flex;
- position: absolute;
- left: 60upx;
- bottom: 15upx;
- width: 72upx;
- height: 36upx;
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTk4MzlBNjE0NjU1MTFFOUExNjRFQ0I3RTQ0NEExQjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTk4MzlBNjA0NjU1MTFFOUExNjRFQ0I3RTQ0NEExQjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0E3RUNERkE0NjExMTFFOTg5NzI4MTM2Rjg0OUQwOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E3RUNERkI0NjExMTFFOTg5NzI4MTM2Rjg0OUQwOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Gh5BPAAACTUlEQVR42uzcQW7jQAwFUdN306l1uWwNww5kqdsmm6/2MwtVCp8CosQtP9vg/2+/gY+DRAMBgqnjIp2PaCxCLLldpPARRIiFj1yBbMV+cHZh9PURRLQNhY8kgWyL/WDtwujjI8hoE8rKLqb5CDJaRMJHokC6yKgSCR9JAukmokIknCQJpLOIrJFwMsBJELFcKHwM9BFkLBMKFxNcBCHlQ+FhoocgpVwwnv0Xn30QBJGMC0QcaBVJiAMiec/dcwKuL4j1QMsVCXFAJE4s4NQA3K/8Y6DzO4g40P7UcmIBJxbEesCKWBDg8wWxHrAiFgT4fEGsB/CwIhYE+AeBAAdPLOcV8HRmWRDAiQVcO7GcV8CLM8uCAE4sQCDAlHcQ7x+ABQEEAggEEAggEEAggEAAgQACASAQQCCAQACBAAIBBAIIBBAIIBBAIABe4e9iAe/xd7EAJxYgEGDeO4j3EODp/cOCAE4sYMyJ5cwCHs4rCwI4sYBxJ5YzC84rCwKcXxArAuthQYDzC2JF0H49LAhwYUGsCFqvx5EF2T07dMaJBetx4cRyaqFtHJ8EIhK0i8OJBQxcECuCVutxJhCRoE0cZwMRyRcFefa/ffZBVPogePihhyCnbBhcfMFFEFM+DD4m+ghSlgmDkwlOgpAl4+BkkJMgZdk4+EgaSCcpVX7bmY9kgXQQU+1TgE0c+QJZUUz1b2T4SBbIKmJW+3iMj2SBVBWz+leVfCQLpIqYbp8b85EskIxyfIOfK5Sf+wiCRJEsllQ+oqEkQfBxmD8BBgA5hVjXyrBNUQAAAABJRU5ErkJggg==);
- background-size: 100% 100%;
- .num {
- width: 36upx;
- height: 36upx;
- border-radius: 50px;
- font-size: 24upx;
- color: #fff;
- text-align: center;
- line-height: 36upx;
- }
- .sign {
- position: absolute;
- top: 0;
- left: 50%;
- line-height: 36upx;
- font-size: 12upx;
- color: #fff;
- transform: translateX(-50%);
- }
- }
- /* 分类 */
- .cate-section {
- display: flex;
- justify-content: space-around;
- align-items: center;
- // flex-wrap: wrap;
- padding: 20rpx 0;
- background: #fff;
- .cate-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- font-size: 26upx;
- color: #303133;
- flex: 1;
- image {
- overflow: visible;
- }
- }
- .cate-item2 {
- display: flex;
- align-items: center;
- font-size: 26upx;
- color: #303133;
- }
- .cate_name {
- // width: 78rpx;
- }
- /* 原图标颜色太深,不想改图了,所以加了透明度 */
- image {
- width: 88upx;
- height: 88upx;
- margin-bottom: 14upx;
- border-radius: 50%;
- }
- }
- .ad-1 {
- width: 100%;
- height: 210upx;
- padding: 10upx 0;
- background: #fff;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .notice_box {
- margin: 20rpx 20rpx 0 20rpx;
- background: #FFFFFF;
- border-radius: 14rpx;
- // margin-bottom:20rpx;
- .notice_wrap1 {
- width: 100%;
- height: 80rpx;
- margin-top: 20rpx;
- background-color: #fff;
- display: flex;
- align-items: center;
- border-radius: 14rpx;
- // border-radius: 6px;
- .notice_img1 {
- width: 127rpx;
- height: 80rpx;
- border-radius: 6px 0 0 6px;
- }
- .notice_content_wrap {
- font-size: 28rpx;
- font-weight: 600;
- width: 530rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- margin-left: -16rpx;
- .notice_content_title {
- color: #E1261C;
- }
- .notice_content {
- color: #666666;
- }
- }
- .notice_wrap1_line {
- width: 1rpx;
- height: 34rpx;
- background-color: rgba(0, 0, 0, 0.1);
- margin-left: 6rpx;
- }
- .notice_more {
- width: 80rpx;
- text-align: center;
- font-size: 29rpx;
- color: #2E2E2E;
- font-weight: 600;
- }
- }
- .notice_wrap2 {
- width: 100%;
- height: 80rpx;
- // margin-bottom: 20rpx;
- background-color: #3A3A3A;
- display: flex;
- align-items: center;
- box-shadow: 1px 6px 19px 1px rgba(86, 86, 86, 0.1);
- // border-radius: 6px;
- .notice_img2 {
- width: 138rpx;
- height: 80rpx;
- border-radius: 6px 0 0 6px;
- }
- .notice_content_wrap2 {
- font-size: 26rpx;
- font-weight: 600;
- width: 510rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- color: #fff;
- margin-left: 5rpx;
- }
- .notice_wrap2_line {
- width: 1rpx;
- height: 38rpx;
- background-color: #fff;
- margin-left: 2rpx;
- }
- .notice_more {
- width: 80rpx;
- text-align: center;
- font-size: 26rpx;
- color: #fff;
- font-weight: 600;
- }
- }
- }
- .service_wrap {
- // width:100%;
- padding: 20rpx;
- font-size: 26rpx;
- color: #333;
- background-color: #fff;
- display: flex;
- align-items: center;
- margin: 20rpx 20rpx 0 20rpx;
- border-radius: 14rpx;
- image {
- width: 30rpx;
- height: 32rpx;
- margin-right: 10rpx;
- }
- }
- .rich_text_wrap {
- font-size: 28rpx;
- background: #fff;
- padding: 30rpx;
- box-sizing: border-box;
- margin-top: 20rpx;
- }
- .match_wrap {
- padding: 20rpx;
- box-sizing: border-box;
- margin-top: 20rpx;
- flex-direction: column;
- background-color: #fff;
- .match_top {
- display: flex;
- flex-direction: column;
- background-color: #fff;
- image {
- width: 100%;
- }
- .match_image_wrap {
- width: 100%;
- display: flex;
- justify-content: center;
- .match_image {
- margin: 0 auto;
- }
- }
- .match_top_title {
- text-align: center;
- padding-bottom: 20rpx;
- font-size: 32rpx;
- color: #333;
- }
- .match_top_text {
- padding: 20rpx 20rpx 0;
- font-size: 28rpx;
- color: #333;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- }
- .match_main_wrap {
- background-color: #fff;
- margin-top: 20rpx;
- }
- .match_main {
- display: flex;
- justify-content: space-between;
- overflow-x: scroll;
- box-sizing: border-box;
- .match_item {
- width: 222rpx;
- height: 370rpx;
- margin-right: 20rpx;
- background-color: #fff;
- border-radius: 15rpx;
- position: relative;
- .match_goods_img {
- width: 222rpx;
- height: 222rpx;
- background-color: #ccc;
- border-radius: 15rpx 15rpx 0 0;
- image {
- width: 222rpx;
- height: 222rpx;
- border-radius: 10rpx 10rpx 0 0;
- }
- }
- .match_goods_name {
- font-size: 28rpx;
- color: #333;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- box-sizing: border-box;
- padding: 10rpx 0rpx 0 0rpx;
- }
- .match_goods_price {
- font-size: 28rpx;
- color: rgb(255, 43, 32);
- font-weight: 600;
- position: absolute;
- bottom: 12rpx;
- // left: 20rpx;
- }
- }
- }
- }
- .subline_wrap {
- padding: 30rpx 0;
- background-color: #fff;
- // margin: 20rpx 20rpx 0 20rpx;
- .subline {
- width: 100%;
- border-bottom: 1px dotted #fff;
- }
- }
- .carousel_bottom_wrap {
- padding-bottom: 20rpx;
- background-color: #fff;
- display: flex;
- justify-content: center;
- margin-top: 20rpx;
- .carousel_bottom {
- width: 100%;
- max-height: 340rpx !important;
- margin-bottom: 20rpx;
- padding-top: 20rpx;
- }
- }
- .recommend_goods_wrap {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- padding: 0 20rpx;
- margin-top: 20rpx;
- }
- .carousel_img {
- // height:340rpx !important;
- }
- .blank_wrap {
- margin: 0 20rpx;
- margin-top: 20rpx;
- }
- .nav_wrap {
- width: 100%;
- padding: 0 20rpx;
- box-sizing: border-box;
- }
- .nav_wrap::-webkit-scrollbar {
- display: none;
- }
- .sort_sub_wrap {
- width: 100%;
- background: #F5F5F5;
- .sort_sub_top {
- margin: 180rpx 21rpx 0 21rpx;
- /* #ifdef APP-PLUS */
- margin-top: calc(var(--status-bar-height) + 180rpx);
- /* #endif*/
- /* #ifdef MP */
- margin-top: calc(50px + 80rpx);
- /* #endif*/
- display: flex;
- border-radius: 10rpx;
- background-color: #fff;
- padding: 0 20rpx 20rpx 20rpx;
- flex-wrap: wrap;
- .sort_sub_item {
- display: flex;
- flex-direction: column;
- margin-right: 35rpx;
- justify-content: center;
- align-items: center;
- margin-top: 20rpx;
- .sort_sub_img {
- width: 106rpx;
- height: 106rpx;
- border-radius: 50%;
- margin-bottom: 20rpx;
- image {
- width: 106rpx;
- height: 106rpx;
- border-radius: 50%;
- }
- }
- .sort_sub_name {
- font-size: 24rpx;
- color: #333;
- font-weight: 600;
- width: 96rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- text-align: center;
- }
- }
- }
- .sort_sub_top>view:nth-child(5n) {
- margin-right: 0 !important;
- }
- .sort_sub_goods {
- width: 100%;
- padding: 0 20rpx;
- box-sizing: border-box;
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- margin-top: 20rpx;
- }
- .sort_sub_goods>view:nth-child(2n) {
- margin-right: 0 !important;
- }
- }
- // 图片组合样式
- .goods {
- border: none;
- background: #fff;
- margin-top: 0;
- }
- .index_block {
- width: 750rpx;
- clear: both;
- overflow: hidden;
- background: #fff;
- display: block;
- }
- .goods .content {
- background: #f0f2f5;
- clear: both;
- overflow: hidden;
- display: block;
- }
- .goods .goods-small.goods-item:nth-child(2n+1) {
- padding-right: 8rpx;
- }
- .goods-small.goods-item {
- overflow: hidden;
- float: left;
- width: 50%;
- box-sizing: border-box;
- padding-bottom: 8rpx;
- position: relative;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- .goods-item navigator {
- display: block;
- background: #fff;
- }
- .goods-item-pic {
- vertical-align: middle;
- line-height: 0;
- display: table-cell;
- text-align: center;
- width: calc(50vw - 30rpx);
- height: calc(50vw - 30rpx);
- }
- .goods-item-pic image {
- width: calc(50vw - 30rpx);
- height: calc(50vw - 30rpx);
- }
- .goods-small .goods-item-name {
- height: 66rpx;
- font-size: 26rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- color: #232326;
- margin-top: 10rpx;
- line-height: 33rpx;
- margin-bottom: 6rpx;
- padding: 0 8rpx;
- }
- .goods-item-price {
- color: #f23030;
- display: inline-block;
- padding: 0 10rpx 0 8rpx;
- position: relative;
- top: 2rpx;
- height: 50rpx;
- line-height: 50rpx;
- }
- .goods-item-price .yens {
- font-size: 26rpx;
- }
- .goods-item-price .bigprice {
- font-size: 32rpx;
- font-weight: bold;
- display: inline-block;
- }
- .goods-big.goods-item {
- overflow: hidden;
- float: left;
- width: 100%;
- box-sizing: border-box;
- padding-bottom: 8rpx;
- position: relative;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- padding: 16rpx 16rpx 0;
- }
- .goods-item-name {
- height: 66rpx;
- font-size: 26rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- color: #232326;
- margin-top: 10rpx;
- line-height: 34rpx;
- margin-bottom: 6rpx;
- padding: 0 8rpx;
- }
- .goods-big .goods-item-price {
- color: #f23030;
- display: inline-block;
- padding: 0 10rpx 0 8rpx;
- position: relative;
- top: 2rpx;
- height: 50rpx;
- line-height: 50rpx;
- }
- .goods-big .goods-item-pic image {
- width: 734rpx;
- height: 734rpx;
- padding: 0 8rpx;
- }
- .hide_title .goods-item .goods-item-name {
- display: none !important;
- }
- .hide_price .goods-item .goods-item-price {
- display: none !important;
- }
- .goods-list.goods-item .goods-item-pic {
- float: left;
- width: 214rpx !important;
- height: 214rpx !important;
- }
- .goods-list.goods-item {
- overflow: hidden;
- float: left;
- width: 100%;
- box-sizing: border-box;
- padding-bottom: 8rpx;
- position: relative;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- background: #fff;
- margin-bottom: 16rpx;
- }
- .goods-list.goods-item .goods-item-pic image {
- width: 214rpx !important;
- height: 214rpx !important;
- }
- .goods-list .goods-item-name {
- padding-top: 40rpx;
- }
- .goods .new-content .goods-item.goods-list .goods-item-name {
- padding-top: 10rpx;
- }
- /*图片组合样式 */
- .modules-slide {
- display: block;
- }
- .modules-slide .image-list.style0,
- .modules-slide .image-list.style0 ul {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- }
- .modules-slide .image-list.style0,
- .modules-slide .image-list.style0 ul {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- display: block;
- }
- .modules-slide .image-list ul {
- overflow: hidden;
- box-sizing: border-box;
- display: block;
- }
- .modules-slide .image-list.style0 ul li {
- display: block;
- box-sizing: border-box;
- }
- .modules-slide .image-list ul li navigator {
- display: block;
- }
- .modules-slide .image-list ul li navigator image {
- width: 100%;
- background: #f1f1f1;
- display: block !important;
- }
- .modules-slide image {
- max-width: 100%;
- height: auto;
- vertical-align: middle;
- display: inline-block !important;
- }
- .modules-slide .image-list {
- overflow: hidden;
- .tupianzuhe2 {
- margin-bottom: 20rpx;
- flex-wrap: wrap;
- }
- }
- .modules-slide .image-list.style1 ul li {
- display: block;
- margin: 0 16rpx 16rpx;
- }
- .modules-slide .image-list.style1 ul li image {
- height: 100%;
- }
- .modules-slide .image-list ul li navigator image {
- width: 100%;
- background: #f1f1f1;
- display: block !important;
- }
- .modules-slide .image-list.style2 ul,
- .modules-slide .image-list.style3 ul {
- padding-right: 16rpx;
- }
- .modules-slide .image-list.style2 ul li {
- box-sizing: border-box;
- padding: 0 0 16rpx 16rpx;
- width: 50%;
- float: left;
- }
- .modules-slide .image-list.style3 ul li {
- float: left;
- width: 33.33333%;
- box-sizing: border-box;
- padding: 0 0 16rpx 16rpx;
- }
- .modules-slide .image-ad {
- padding: 20rpx 0;
- box-sizing: border-box;
- display: block;
- clear: both;
- overflow: hidden;
- .tupianzuhe04_left {
- width: calc((750rpx - 60rpx)/2);
- height: calc((750rpx - 60rpx)/2 + 20rpx);
- margin-right: 20rpx;
- margin-left: 20rpx;
- image {
- width: 100%;
- height: 100%
- }
- }
- .tupianzuhe04_right_item {
- width: calc((750rpx - 60rpx)/2);
- height: calc((750rpx - 60rpx)/4);
- image {
- width: 100%;
- height: 100%
- }
- }
- }
- .modules-slide .image-ad>div {
- float: left;
- width: 50%;
- box-sizing: border-box;
- }
- .modules-slide .image-ad div navigator {
- display: block;
- margin: 0 16rpx 16rpx 0;
- box-sizing: border-box;
- }
- .modules-slide .images-tpl image {
- width: 374rpx;
- vertical-align: middle;
- box-sizing: border-box;
- }
- .modules-slide .image-ad2 {
- margin: 0 16rpx 0 0;
- box-sizing: border-box;
- display: block;
- clear: both;
- overflow: hidden;
- }
- .modules-slide .image-ad2 .clearfix {
- display: block;
- clear: both;
- overflow: hidden;
- }
- .modules-slide .image-ad2 div:first-child navigator:nth-child(1),
- .modules-slide .image-ad2 div:first-child navigator:nth-child(1) image {
- width: 228rpx;
- }
- .modules-slide .image-ad2 div:first-child .big:nth-child(2),
- .modules-slide .image-ad2 div:first-child .big:nth-child(2) image {
- width: 473rpx;
- }
- .modules-slide .image-ad2 div navigator {
- display: block;
- float: left;
- margin: 0 0 16rpx 16rpx;
- box-sizing: border-box;
- }
- .modules-slide .images-tpl img {
- width: 100%;
- vertical-align: middle;
- box-sizing: border-box;
- }
- .modules-slide .image-ad2 div:last-child navigator:nth-child(1),
- .modules-slide .image-ad2 div:last-child navigator:nth-child(1) image {
- width: 473rpx;
- }
- .modules-slide .image-ad2 div:last-child navigator:nth-child(2),
- .modules-slide .image-ad2 div:last-child navigator:nth-child(2) image {
- width: 228rpx;
- }
- .modules-slide .image-ad3 {
- padding: 0 0 0 16rpx;
- box-sizing: border-box;
- display: block;
- clear: both;
- overflow: hidden;
- }
- .modules-slide .image-ad3 div {
- width: 367rpx;
- float: left;
- box-sizing: border-box;
- }
- .modules-slide .image-ad3 div image {
- width: 351rpx;
- }
- .modules-slide .image-ad3 div navigator {
- padding: 0 16rpx 16rpx 0;
- display: inline-block;
- box-sizing: border-box;
- }
- .modules-slide .image-ad4 {
- padding: 0 16rpx 16rpx 0;
- box-sizing: border-box;
- display: block;
- }
- .modules-slide .image-ad4 div {
- float: left;
- width: 33.33333%;
- box-sizing: border-box;
- }
- .modules-slide .image-ad4 div navigator {
- display: block;
- margin: 0 0 16rpx 16rpx;
- }
- .countdown {
- width: 100%;
- height: 49.2rpx;
- line-height: 49.2rpx;
- font-size: 39.4rpx;
- }
- .countdown .countdown-name {
- float: left;
- display: block;
- -webkit-transform: scale(0.8);
- }
- .countdown .countdown-main {
- display: block;
- -webkit-transform: scale(0.8);
- }
- .countdown .countdown-num {
- background-color: #000000;
- display: inline-block;
- padding: 0 0rpx;
- width: 25px;
- height: 32.2rpx;
- line-height: 32.2rpx;
- }
- .combine1 {
- display: flex !important;
- flex-direction: column !important;
- text-align: center;
- }
- .combine2 {
- display: flex !important;
- }
- // 推荐商品
- .recommend_goods1 {
- width: 100%;
- height: 350rpx;
- display: flex;
- background-color: #fff;
- border-radius: 20rpx;
- margin-bottom: 20rpx;
- border-radius: 20rpx;
- .recommend_goods_img1 {
- width: 350rpx;
- height: 350rpx;
- margin-right: 20rpx;
- image {
- width: 350rpx;
- height: 350rpx;
- background-color: #ccc;
- }
- }
- .recommend_goods_right {
- width: 100%;
- height: 350rpx;
- position: relative;
- .recommend_goods_name {
- font-size: 30rpx;
- margin-top: 20rpx;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .recommend_goods_price {
- position: absolute;
- bottom: 80rpx;
- left: 0;
- color: #FC1C1C;
- }
- .recommend_goods_bottom {
- width: 100%;
- position: absolute;
- bottom: 20rpx;
- left: 0;
- display: flex;
- justify-content: space-between;
- image {
- width: 42rpx;
- height: 42rpx;
- margin-right: 20rpx;
- }
- }
- }
- }
- .recommend_goods2 {
- display: flex;
- flex-direction: column;
- width: 100%;
- .recommend_goods_img2 {
- width: 100%;
- height: 702rpx;
- image {
- width: 100%;
- height: 702rpx;
- background-color: #ccc;
- }
- }
- .recommend_goods_bottom2 {
- width: 100%;
- height: 204rpx;
- padding: 20rpx;
- box-sizing: border-box;
- background-color: #fff;
- position: relative;
- .recommend_goods_name2 {
- font-size: 30rpx;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .goods_bottom {
- width: 100%;
- display: flex;
- flex-direction: column;
- image {
- width: 42rpx;
- height: 42rpx;
- }
- }
- }
- }
- .big_price {
- font-size: 34rpx;
- }
- .small_price {
- font-size: 24rpx;
- }
- .combination_style {
- display: flex;
- }
- .combination_wrap {
- width: 100%;
- background-color: #fff;
- box-sizing: border-box;
- /* #ifndef MP-WEIXIN||APP-PLUS */
- margin-top: 20rpx;
- /* #endif */
- }
- .combine6 {
- display: flex;
- flex-direction: column;
- margin-right: 20rpx;
- margin-top: 20rpx;
- }
- .scan_img {
- width: 44rpx;
- height: 44rpx;
- position: absolute;
- left: 15rpx;
- }
- .msg_img {
- width: 50rpx;
- height: 50rpx;
- position: absolute;
- right: 20rpx;
- top: 50%;
- transform: translateY(-50%);
- align-items: center;
- image {
- width: 50rpx;
- height: 50rpx;
- }
- }
- .message_new {
- width: 34rpx;
- height: 34rpx;
- background-color: #fff;
- position: absolute;
- top: -10rpx;
- right: -12rpx;
- border-radius: 50rpx;
- font-size: 20rpx;
- color: #FF152C;
- text-align: center;
- vertical-align: middle;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .combine3 {
- width: calc((750rpx - 60rpx)/2);
- margin-top: 20rpx;
- }
- .combine4 {
- width: calc((750rpx - 80rpx)/3);
- margin-top: 20rpx;
- margin-left: 20rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .paddingTB20 {
- padding: 0 20rpx;
- }
- .no_margin_right {
- padding: 0px
- }
- .no_margin_right>view:nth-child(2n) {
- margin-right: 0 !important;
- }
- .no_margin_right2>view:nth-child(3n) {
- margin-right: 0 !important;
- }
- .see_more_wrap {
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- margin-top: 14rpx;
- .more_icon_circle {
- width: 106rpx;
- height: 106rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 50%;
- background-color: #F8F8F8;
- margin-bottom: 20rpx;
- .more_icon {
- width: 52rpx;
- height: 14rpx;
- }
- }
- .see_more_text {
- font-size: 24rpx;
- color: #333;
- font-weight: 600;
- }
- }
- .carousel-section /deep/ .uni-swiper__warp {
- margin-top: 158rpx !important;
- }
- /* #ifdef APP-PLUS */
- .carousel-section /deep/ .uni-swiper__warp {
- padding-top: 14rpx;
- }
- /* #endif */
- /* #ifdef H5 */
- .carousel-section /deep/ .uni-swiper__warp {
- margin-top: -2rpx !important;
- padding-top: 8rpx !important;
- }
- /* #endif */
- .combine5_wrap>view:nth-child(2n) {
- margin-right: 0 !important;
- }
- .mp-search-box /deep/ .ser-input /deep/ .uni-input-wrapper /deep/ .uni-input-input {
- background-color: #fff;
- }
- .search_input {
- text-align: left;
- }
- .rec_goods_wrap {
- width: 750rpx;
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- }
- .city_wrap {
- font-size: 30rpx;
- display: flex;
- align-items: center;
- color: #fff;
- flex-shrink: 0;
- max-width: 58px;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- display: inline-block;
- }
- .top_icon {
- width: 24rpx;
- height: 24rpx;
- margin-left: 11rpx;
- margin-right: 17rpx;
- margin-top: 2rpx;
- flex-shrink: 0;
- }
- .deco_wrap {
- width: 750rpx;
- }
- /* ----TAB切换:---- */
- .tab_nav {
- margin-top: 100rpx;
- }
- .tab_nav_scroll {
- white-space: nowrap;
- }
- .tab_nav_block {
- display: inline-block;
- width: 25%;
- text-align: center;
- }
- .tab_nav_block_t {
- color: #2D2D2D;
- font-size: 28rpx;
- padding-bottom: 14rpx;
- margin: 0 50rpx 4rpx 50rpx
- }
- .tab_nav_block_on {
- color: #333333;
- font-weight: 700;
- font-size: 32rpx;
- margin-bottom: 8rpx;
- }
- .tab_nav_block_i {
- color: #999999;
- font-size: 22rpx;
- padding: 4rpx 0;
- margin: 5rpx 26rpx
- }
- .tab_nav_block_on2 {
- background-color: #FA1C1C;
- color: #FFFFFF;
- border-radius: 16rpx;
- }
- // 短视频3d轮播
- .swiper-block {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- height: 346rpx;
- margin: 0
- }
- .slide-image {
- height: 320rpx;
- width: 520rpx;
- border-radius: 9rpx;
- box-shadow: 0px 0px 30rpx rgba(0, 0, 0, .2);
- margin: 0rpx 30rpx;
- z-index: 1;
- }
- .active1 {
- /* transform: scale(1.44); */
- transition: all .2s ease-in 0s;
- height: 100%;
- width: 100%;
- border-radius: 16rpx;
- }
- .active2 {
- width: 100%;
- height: 100%;
- border-radius: 16rpx;
- }
- // 空页面
- .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;
- }
- }
- .scan,
- .message {
- margin-left: 18rpx;
- display: flex;
- align-items: center;
- flex-direction: column;
- flex-shrink: 0;
- image {
- width: 34rpx;
- height: 34rpx;
- }
- text {
- color: white;
- font-size: 20rpx;
- line-height: 22rpx;
- margin-top: 6rpx;
- }
- }
- .search_con {
- position: relative;
- flex: 1;
- }
- .svideo_person_num {
- width: 40rpx;
- height: 40rpx;
- border-radius: 0 0 50% 0;
- }
- .swiper-item {
- color: #fff;
- overflow: hidden;
- left: 40rpx !important;
- right: 20rpx;
- top: 20rpx;
- bottom: 20rpx;
- width: 80% !important;
- height: 280rpx !important;
- // transform: translate(80%, 0px) translateZ(0px);
- }
- .swiper-item1 {
- color: #fff;
- box-sizing: border-box;
- height: 346rpx;
- width: 346rpx !important;
- top: 0rpx;
- bottom: 0rpx;
- overflow: hidden;
- left: 80rpx;
- }
- // 专题页头部
- .topic_top_bar {
- width: 750rpx;
- height: 88rpx;
- background-color: #fff;
- display: flex;
- // justify-content: center;
- align-items: center;
- font-size: 30rpx;
- color: #2d2d2d;
- position: fixed;
- top: 0;
- /* #ifdef MP || APP-PLUS */
- padding-top: 110rpx;
- padding-bottom: 48rpx;
- /* #endif */
- left: 0;
- font-weight: 600;
- z-index: 99999;
- margin: 0 auto;
- right: 0;
- }
- .topic_top_bar image {
- width: 32rpx;
- height: 32rpx;
- }
- .svideo2_wrap /deep/ .uni-scroll-view /deep/ .uni-scroll-view /deep/ .uni-scroll-view-content>view:nth-last-child(1) {
- margin-right: 0 !important;
- }
- .top_swiper_style1 {
- background: #FF1D1D;
- }
- .top_swiper_style2 {
- background: linear-gradient(#FC1D1C 0%, #FF7A18 42%, #fff 100%);
- }
- .svideo4_wrap /deep/ .uni-scroll-view /deep/ .uni-scroll-view /deep/ .uni-scroll-view-content>view:nth-last-child(1) {
- margin-right: 0 !important;
- }
- .recommond_goods3_wrap {
- display: flex;
- justify-content: space-between;
- }
- .have_sold {
- font-size: 24rpx;
- color: #9a9a9a;
- }
- .topic_back_icon {
- width: 60rpx;
- height: 38rpx;
- margin-left: 20rpx;
- }
- .topic_name {
- width: 100%;
- text-align: center;
- margin-left: -58rpx;
- }
- .hide_sold_wrap {
- width: 100%;
- position: absolute;
- bottom: 20rpx;
- left: 0;
- display: flex;
- justify-content: space-between;
- }
- // 导航分组
- .nav_group {
- padding: 0 86rpx;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- .nav_group_item {
- display: flex;
- align-items: center;
- justify-content: center;
- padding-top: 40rpx;
- margin-bottom: 40rpx;
- image {
- width: 90rpx;
- height: 90rpx;
- border-radius: 50%;
- margin-right: 20rpx;
- }
- .nav_group_name {
- font-size: 26rpx;
- color: #333;
- }
- }
- .nav_group_item:nth-last-child(1) {
- margin-right: 0;
- }
- }
- .nav_group>view:nth-child(2n) {
- margin-right: 0;
- }
- // 导航分组end
- .rec_goods_wrap>view:nth-child(2n) {
- margin-right: 0 !important;
- }
- .carousel-section /deep/ .uni-swiper__warp /deep/ .uni-swiper__dots-box /deep/ .uni-swiper__dots-item {
- width: 16rpx !important;
- }
- .deco_wrap_no_top_cat {
- margin-top: 60px !important;
- /* #ifdef APP-PLUS */
- margin-top: calc(var(--status-bar-height) + 60px) !important;
- /* #endif */
- }
- .rich_text /deep/ div .ql-align-center {
- text-align: center;
- }
- .rich_text /deep/ div .ql-align-right {
- text-align: right;
- }
- .rich_text /deep/ div .ql-align-left {
- text-align: left;
- }
- /* #ifdef MP*/
- .rich_text {
- text-align: center;
- }
- /* #endif */
- /* 短视频模块 */
- /* 方案1 */
- .svideo {
- background-color: #FFFFFF;
- margin-top: 20rpx;
- // width: 100%;
- box-sizing: border-box;
- }
- .svideo_title {
- width: 100%;
- font-family: PingFang SC;
- color: #2D2D2D;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 20rpx 20rpx 20rpx 20rpx;
- box-sizing: border-box;
- }
- .svideo_title_l {
- font-size: 32rpx;
- font-weight: bold;
- }
- .svideo_title_r {
- font-size: 26rpx;
- color: #666666;
- font-weight: 600;
- }
- .svideo_main {
- width: 100%;
- padding: 0 20rpx 20rpx;
- box-sizing: border-box;
- color: #FFFFFF;
- display: flex;
- justify-content: space-between;
- }
- .svideo_main_block {
- border-radius: 16rpx;
- overflow: hidden;
- background-color: #3a4db8;
- position: relative;
- height: 345rpx;
- width: 345rpx;
- }
- .svideo_main_block_l {
- margin-left: 0;
- }
- .svideo_main_block_r {
- margin-right: 0;
- }
- .svideo_main_block_t {
- margin: 10rpx 0 0 10rpx;
- height: 36rpx;
- line-height: 36rpx;
- font-size: 20rpx;
- background: rgba(0, 0, 0, 0.2);
- padding-right: 10rpx;
- border-radius: 16rpx;
- position: relative;
- display: inline-block;
- display: flex;
- align-items: center;
- }
- .svideo_main_block_lt {
- height: 100%;
- font-size: 18rpx;
- // background: url("http://site7.55jimu.com/data/upload/mall/store/goods/301/301_06506538074418754.jpg");
- background-color: rgba(0, 0, 0, 0.2);
- padding: 3rpx 10rpx 3rpx 6rpx;
- border-radius: 0 0 16rpx 0;
- position: relative;
- display: flex;
- align-items: center;
- }
- .svideo_main_block_t0 {
- margin: 0 16rpx 16rpx 0;
- border-radius: 0rpx 0rpx 20rpx 0;
- padding: 5rpx 15rpx 5rpx 0rpx;
- }
- .svideo_block_t_img {
- // position: absolute;
- // left: 0;
- // top: 3rpx;
- width: 36rpx;
- height: 36rpx;
- }
- .svideo_block_t_img0 {
- width: 24rpx;
- height: 24rpx;
- // margin-top: 4rpx;
- margin-left: 6rpx;
- margin-right: 7rpx;
- }
- .svideo_block_t_img1 {
- width: 22rpx;
- height: 22rpx;
- // margin-top: 6rpx;
- }
- .svideo_block_t_img2 {
- // margin-top: -4rpx;
- }
- .svideo_block_t_img2zb {
- margin-top: -1rpx;
- margin-left: 4rpx;
- }
- .svideo_block_t_img24 {
- margin-top: 1rpx;
- }
- .svideo_main_block_b {
- font-size: 26rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- position: absolute;
- bottom: 20rpx;
- padding: 0 20rpx;
- width: 100%
- }
- .svideo_block_t_text {
- // padding-left: 35rpx;
- }
- .svideo_block_t_text2 {
- padding-left: 6rpx;
- font-size: 22rpx;
- }
- /* 方案2 */
- .svideo_main2 {
- color: #FFFFFF;
- flex-direction: row;
- overflow: auto;
- flex-wrap: nowrap;
- width: auto;
- box-sizing: border-box;
- padding: 0 20rpx;
- }
- .svideo_main_block2 {
- margin: 0 20rpx 10rpx 20rpx;
- border-radius: 16rpx;
- overflow: hidden;
- background-color: #3a4db8;
- position: relative;
- height: 224rpx;
- width: 224rpx;
- display: inline-block;
- }
- .svideo_main2_scroll {
- min-width: 100%;
- }
- .svideo_main_block_c2 {
- margin: 20rpx 0;
- }
- .svideo_main_block_l2 {
- margin-left: 0;
- }
- .svideo_main_block_b2 {
- font-size: 24rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- position: absolute;
- bottom: 0rpx;
- box-sizing: border-box;
- padding-left: 10rpx;
- padding-right: 8rpx;
- width: 100%;
- height: 40rpx;
- line-height: 40rpx;
- background-color: rgba(0, 0, 0, 0.3);
- }
- .svideo_main_block_b2_zb text {
- width: 85%;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- display: inline-block;
- }
- /* 方案三 */
- .svideo_main3 {
- color: #FFFFFF;
- flex-direction: row;
- overflow: hidden;
- flex-wrap: nowrap;
- width: auto;
- }
- .svideo_main_block3 {
- margin: 20rpx;
- border-radius: 16rpx;
- overflow: hidden;
- background-color: #3a4db8;
- position: relative;
- height: 345rpx;
- width: 345rpx;
- display: inline-block;
- }
- .svideo_main_block_l3 {
- width: 280rpx;
- height: 280rpx;
- }
- .svideo_main3_scroll {
- width: 180vw;
- vertical-align: middle;
- display: flex;
- align-items: center;
- margin-left: -140rpx;
- }
- .svideo_main_block_c3 {
- margin-left: 0;
- margin-right: 0;
- }
- .svideo_main_block_r3 {
- width: 280rpx;
- height: 280rpx;
- }
- .svideo_main_block_b3 {
- font-size: 26rpx;
- background: rgba(1, 1, 1, 0.2);
- padding: 0 24rpx;
- color: #FFFFFF;
- border-radius: 24rpx;
- height: 100%;
- }
- .svideo_main_block_b3_w {
- display: flex;
- justify-content: center;
- align-items: center;
- position: absolute;
- left: 0;
- bottom: 20rpx;
- right: 0;
- height: 48rpx;
- line-height: 48rpx;
- }
- /* 方案4 */
- .svideo_main4 {
- color: #FFFFFF;
- flex-direction: row;
- overflow: auto;
- flex-wrap: nowrap;
- width: auto;
- padding: 0 20rpx;
- }
- .svideo_main_block4 {
- margin: 0 20rpx 20rpx 20rpx;
- margin-left: 0;
- border-radius: 16rpx;
- overflow: hidden;
- background-color: #3a4db8;
- position: relative;
- height: 300rpx;
- width: 300rpx;
- display: inline-block;
- }
- .scroll-view {
- width: 100%;
- white-space: nowrap;
- }
- .svideo_main_block_b4 {
- font-size: 24rpx;
- position: absolute;
- bottom: 0rpx;
- box-sizing: border-box;
- margin-left: 30rpx;
- margin-right: 30rpx;
- width: 100%;
- height: 90rpx;
- line-height: 110rpx;
- /* 换图片 */
- }
- .svideo_main_block_b4_text {
- position: absolute;
- left: 20rpx;
- top: 0;
- right: 20rpx;
- height: 90rpx;
- line-height: 90rpx;
- text-align: center;
- z-index: 683;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- box-sizing: border-box;
- margin-top: 16rpx;
- font-size: 24rpx;
- }
- .svideo_main_block_b40 {
- margin-left: 0;
- margin-right: 0;
- }
- .svideo_block_t_text4 {
- font-size: 20rpx;
- // padding-left: 20rpx;
- }
- /* -------------方案5--------- */
- .svideo_main5 {
- width: 100%;
- color: #FFFFFF;
- display: flex;
- flex-direction: row;
- overflow: auto;
- flex-wrap: nowrap;
- width: auto;
- background-color: #F8F8F8;
- padding: 0 20rpx;
- box-sizing: border-box;
- justify-content: space-between;
- }
- .svideo_main_block5 {
- display: inline-block;
- border-radius: 16rpx;
- overflow: hidden;
- width: 345rpx;
- }
- .svideo_main_block50 {
- position: relative;
- }
- .svideo_block_bgimg0 {
- height: 274rpx;
- width: 346rpx
- }
- .svideo5_b {
- background-color: #fff;
- height: 146rpx;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .svideo5_b_title {
- width: 290rpx;
- color: #333333;
- font-size: 28rpx;
- font-weight: bold;
- margin-top: 16rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .svideo5_b_text {
- width: 290rpx;
- color: #666666;
- font-size: 26rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .svideo_block_t5_w {
- display: flex;
- justify-content: center;
- margin-top: 32rpx;
- }
- .svideo_block_t5 {
- margin: 16rpx;
- height: 32rpx;
- line-height: 34rpx;
- font-size: 20rpx;
- background-color: rgba(1, 1, 1, 0.7);
- padding: 0 20rpx;
- border-radius: 16rpx;
- position: relative;
- display: inline-block;
- color: #FFFFFF;
- opacity: 0.7;
- margin-bottom: 30rpx;
- z-index: 99;
- }
- .svideo_block_bgimg1_wrap {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .svideo_block_bgimg1 {
- width: 230rpx;
- height: 230rpx;
- border-radius: 115rpx;
- overflow: hidden;
- background-color: red;
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- }
- .svideo_block_bgimg2 {
- width: 40rpx;
- height: 40rpx;
- }
- .svideo_block_bgimg3 {
- position: absolute;
- width: 60rpx;
- height: 60rpx;
- }
- /* ------------- 直播列表/短视频列表*/
- .svideo_main_block_zb {
- font-size: 26rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- position: absolute;
- bottom: 10rpx;
- padding: 0 20rpx;
- width: 80%
- }
- .live_list_b {
- width: 346rpx;
- border-radius: 16rpx;
- overflow: hidden;
- margin: 10rpx 0 10rpx 0;
- }
- .live_list_b_img {
- width: 100%;
- height: 346rpx;
- overflow: hidden;
- position: relative;
- }
- .live_list_b_img_img {
- position: absolute;
- width: 346rpx;
- height: 346rpx;
- }
- .live_list_b_img_hua {
- position: absolute;
- width: 90rpx;
- height: 300rpx;
- right: 5rpx;
- bottom: 3rpx;
- z-index: 990
- }
- .live_list_b_img_hua1 {
- bottom: 10rpx;
- }
- .live_list_b_text {
- font-size: 20rpx;
- color: #fff;
- margin-left: 30rpx;
- }
- .live_list_b_tip2 {
- padding: 4rpx 10rpx;
- height: 30rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- background-image: url("http://site7.55jimu.com/data/upload/mall/store/goods/301/301_06506538074418754.jpg");
- /* 换地址,要用服务器地址 */
- border-radius: 16rpx;
- margin-left: 12rpx;
- margin-top: 10rpx;
- position: relative;
- }
- .live_list_img_bottom1 {
- font-size: 30rpx;
- padding: 10rpx 10rpx 4rpx 10rpx;
- color: #2D2D2D;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .live_list_main5 {
- display: flex;
- flex-wrap: wrap;
- flex-direction: row;
- overflow: auto;
- width: auto;
- justify-content: space-between;
- padding: 20rpx;
- background-color: #fff;
- }
- .live_list_text3 {
- border-radius: 15rpx;
- background-color: red;
- font-size: 22rpx;
- padding: 0 10rpx;
- color: #fff;
- line-height: 30rpx;
- position: absolute;
- right: -1rpx;
- top: 4rpx;
- }
- .live_list_text30 {
- background-color: #BCAEFE;
- }
- .live_panic_buy3 {
- border: none;
- position: relative;
- }
- .live_panic_time_i {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- width: 35%;
- color: #9A9A9A;
- margin: 0 8rpx
- }
- .live_panic_time_v {
- width: 60%;
- }
- .active_panic_time_img2 {
- width: 40rpx;
- height: 40rpx;
- margin-right: 5rpx;
- border-radius: 20rpx;
- overflow: hidden;
- }
- /* ------ */
- .active_panic_text2 {
- margin: 0 5rpx;
- }
- .active_top_tip20 {
- font-size: 22rpx;
- padding-top: 0;
- padding-bottom: 0;
- line-height: 30rpx;
- }
- .active .tab_nav_block_t {
- color: #FC1C1C;
- font-size: 30rpx;
- border-bottom: 2px solid #FC1C1C;
- font-weight: bold
- }
- .active .tab_nav_block_i {
- color: #FC1C1C;
- font-size: 22rpx
- }
- .video_bg {
- width: 100%;
- height: 100%;
- z-index: 99;
- }
- .video_bg1 {
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- background-position: center center;
- // background-size: contain;
- background-size: cover;
- background-repeat: no-repeat;
- }
- .svideo_main_block_w {
- z-index: 99;
- position: absolute;
- top: 0;
- left: 0;
- }
- .svideo_main_block_sw {
- z-index: 3;
- position: absolute;
- top: 0;
- left: 0;
- width: 40rpx;
- height: 50rpx;
- }
- .svideo_main_block_lw {
- z-index: 3;
- position: absolute;
- top: 0;
- left: 0;
- }
- .video_bg3 {
- z-index: 3;
- position: absolute;
- top: 0;
- left: 0;
- width: 184px;
- height: 163px;
- // opacity: 0.2;
- }
- .svideo_main5>view:nth-child(1) .svideo_bg_img {
- position: absolute;
- top: 0;
- left: 0;
- background: #B9E5FF;
- opacity: 0.7;
- width: 184px;
- height: 163px;
- z-index: 10;
- }
- .svideo_main5>view:nth-child(2) .svideo_bg_img {
- position: absolute;
- top: 0;
- left: 0;
- background: #FFCEB9;
- opacity: 0.7;
- width: 184px;
- height: 163px;
- z-index: 10;
- }
- </style>
|