1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248 |
- <template>
- <view class="content">
- <view v-show="homeCardList">
- <view class="top" :style="{background:'#'+themeColor}">
- <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
- <view class="logoBox">
- <!-- <image src="../../static/img2/indexlogo.png" mode="" class="logoImg"></image> -->
- <image v-if="appletHomeSetting.showImageType==0" :src="appletHomeSetting.showImage" mode="" class="logoImg"></image>
- </view>
- </view>
- <view>
- <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
- <view style="height: 98rpx;"></view>
- </view>
- <view class="topCont" :style="{background:'#'+themeColor}">
- <!-- 有车 -->
- <view class="carBox" v-if="carInfo">
- <view class="carBox2">
- <view class="carLeft">
- <view class="carTop" @click="changeCar">
- <image :src="carInfo.brandLogo" mode="" class="carLogo"></image>
- <view class="carInfomodel">{{carInfo.brand?carInfo.brand:''}} {{carInfo.series?carInfo.series:''}}</view>
- <image src="../../static/img2/xia.png" mode="" class="carXia"></image>
- <view class="plateNumber" v-if="carInfo.plateNumber">
- <span class="plateNumberSpan1">{{carInfo.plateNumber.slice(0, 2)}}</span>
- <span class="plateNumberSpan2">{{carInfo.plateNumber.slice(2)}}</span>
- </view>
- <!-- <image src="../../static/img2/carBj.png" mode="" class="carBj"></image> -->
- </view>
- <view class="carBq">
- <view class="carBqLine">
- <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
- <view class="carTitle">车况报告</view>
- </view>
- <view class="carBqLine">
- <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
- <view class="carTitle">保养记录</view>
- </view>
- <view class="carBqLine">
- <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
- <view class="carTitle">快速救援</view>
- </view>
- </view>
-
- </view>
- <view class="carRight">
- <image src="../../static/img2/carLogo.png" mode="" class="carLogoBg"></image>
- </view>
-
- </view>
- <view class="carTimeBox" v-if="appletHomeSetting.carInsuranceType==2||appletHomeSetting.carInsuranceType==3||appletHomeSetting.carMaintainType==3||appletHomeSetting.carMaintainType==2||appletHomeSetting.carAuditType==2||appletHomeSetting.carAuditType==3||homeCardList.openMCar.showType==1">
- <view class="bxBox">
- <view class="bxline bxline1" v-if="appletHomeSetting.carInsuranceType==3">
- <img src="../../static/timg/car1.png" alt="" class="bxlineIcon">
- <view class="bxlineTitle">保险</view>
- <view class="bxlineMs1" v-if="carInfo.insuranceExpireDate">{{InsuranceExpireDate}}天到期</view>
- <view class="bxlineMs2" v-else>--</view>
- </view>
- <view class="bxline bxline1" v-if="appletHomeSetting.carInsuranceType==2">
- <img src="../../static/timg/car1.png" alt="" class="bxlineIcon">
- <view class="bxlineTitle">保险</view>
- <view class="bxlineMs1" v-if="carInfo.insuranceExpireDate">{{carInfo.insuranceExpireDate.slice(0,10)}}</view>
- <view class="bxlineMs2" v-else>--</view>
- </view>
- <view class="bxline bxline2" v-if="appletHomeSetting.carMaintainType ==3">
- <img src="../../static/timg/car2.png" alt="" class="bxlineIcon" >
- <view class="bxlineTitle">下次保养</view>
- <view class="bxlineMs1" v-if="carInfo.nextCareDate||carInfo.nextCareMilage">
- <span v-if="NextCareDate||NextCareDate===0">{{NextCareDate}}天后</span>
- <span v-if="NextCareDate===0&&carInfo.nextCareMilage">或</span>
- <span v-if="carInfo.nextCareMilage&&NextCareDate">或</span>
- <span v-if="carInfo.nextCareMilage">{{carInfo.nextCareMilage}}km</span>
- </view>
- <view class="bxlineMs2" v-else>--</view>
- </view>
- <view class="bxline bxline2" v-if="appletHomeSetting.carMaintainType ==2">
- <img src="../../static/timg/car2.png" alt="" class="bxlineIcon" >
- <view class="bxlineTitle" style="width: 140rpx;">下次保养</view>
- <view class="bxlineMs1" v-if="carInfo.nextCareDate||carInfo.nextCareMilage">
- <span v-if="NextCareDate||NextCareDate===0">{{carInfo.nextCareDate.slice(0,10)}}</span>
- <span v-if="NextCareDate===0&&carInfo.nextCareMilage">或</span>
- <span v-if="carInfo.nextCareMilage&&NextCareDate">或</span>
- <span v-if="carInfo.nextCareMilage">{{carInfo.nextCareMilage}}km</span>
- </view>
- <view class="bxlineMs2" v-else>--</view>
- </view>
- <view class="bxline bxline1" v-if="appletHomeSetting.carAuditType==3">
- <img src="../../static/timg/car3.png" alt="" class="bxlineIcon" >
- <view class="bxlineTitle">年审</view>
- <view class="bxlineMs1" v-if="carInfo.nextAuditDate">{{NextAuditDate}}天到期</view>
- <view class="bxlineMs2" v-else>--</view>
- </view>
- <view class="bxline bxline1" v-if="appletHomeSetting.carAuditType==2">
- <img src="../../static/timg/car3.png" alt="" class="bxlineIcon" >
- <view class="bxlineTitle">年审</view>
- <view class="bxlineMs1" v-if="carInfo.nextAuditDate">{{carInfo.nextAuditDate.slice(0,10)}}</view>
- <view class="bxlineMs2" v-else>--</view>
- </view>
- <view class="bxline bxline2" v-if="homeCardList.openMCar.showType==1">
- <img src="../../static/timg/car4.png" alt="" class="bxlineIcon" >
- <view class="bxlineTitle">保养手册</view>
- <view class="bxlineMs2" @click="information">点击查看</view>
- </view>
- </view>
- </view>
- </view>
-
- <!-- 有车 -->
- <!-- 无车 -->
- <view class="nocarBox" v-if="!carInfo" >
- <image @click="addCar" v-if="appletHomeSetting.carAddImageType!=1" :src="appletHomeSetting.carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
- <image @click="addCar" v-else src="http://dmsphoto.66km.com.cn/thFiles/1A5B68D2-6627-406D-A775-550C92979026.png" mode="" style="width: 100%;height: 148rpx;"></image>
- <!-- <view style="display: flex;">
- <image v-if="appletHomeSetting.carAddImageType==1" src="../../static/img2/pic.png" mode="" class="carAddImage"></image>
- <image v-else :src="appletHomeSetting.carAddImage" mode="" class="carAddImage"></image>
- <view class="addCarMs">
- <view class="addCarMs1">添加爱车推荐精准服务</view>
- <view class="addCarMs2">车辆有问题,安徒生来帮您!</view>
- </view>
- </view>
- <view class="addCarBtn" @click="addCar">添加爱车</view> -->
-
- </view>
-
- <!-- 无车 -->
- </view>
- <view v-if="!carInfo" style="margin-top: -80rpx;"></view>
- <view class="contBox">
- <!-- 服务顾问 -->
- <view v-if="homeCardList.openMUsers">
- <view class="adviser" v-if="homeCardList.openMUsers.showType!=2&&managerInfo" @click="goMUsers()">
- <view class="adviserLeft">
- <img v-if="managerInfo.avatar" :src="managerInfo.avatar" alt="" class="advisertx">
- <img v-else src="../../static/timg/pic_def_ava@2x.png" alt="" class="advisertx">
- <view class="adviserNema">{{managerInfo.name}}</view>
- <view class="adviserms" :style="{border:'1px solid #'+themeColor,color:'#'+themeColor}">服务顾问</view>
- </view>
- <img src="../../static/timg/icon_arrow_right.png" alt="" class="adviserJt">
- </view>
- </view>
- <!-- 服务顾问 -->
- <!-- 中间应用模块 -->
- <view class="modular">
- <view class="modularLine">
- <view class="modularMk" @click="goRoter(item)" v-if="index<4" v-for="(item,index) in homeCardList.application">
- <view class="modularLogoBox">
- <image :src="item.icon" mode="" class="modularLogo"></image>
- </view>
- <view class="modularTitle">{{item.name}}</view>
- </view>
-
- </view>
- <view class="modularLine">
- <view class="modularMk" @click="goRoter(item)" v-if="index>3" v-for="(item,index) in homeCardList.application">
- <view class="modularLogoBox">
- <image :src="item.icon" mode="" class="modularLogo2"></image>
- </view>
- <view class="modularTitle2">{{item.name}}</view>
- </view>
-
- </view>
- </view>
- <!-- 中间应用模块 -->
-
- <!-- 广告区 -->
- <view class="advertisement" v-if="homeCardList.ad1.length>0">
- <swiper class="swiper2" :style="{height: appletHomeSetting.adHeightSize1 + 'rpx'}" circular :autoplay="true" :interval="interval"
- :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
- <swiper-item v-for="(item,index) in homeCardList.ad1">
- <view class="swiper-item2" @click="goRoter(item)">
- <image class="swiper-item2Img" :style="{height: appletHomeSetting.adHeightSize1 + 'rpx'}" :src="item.icon" mode=""></image>
- </view>
- </swiper-item>
- </swiper>
- </view>
- <view class="advertisement" v-if="homeCardList.ad2.length>0">
- <swiper class="swiper2" circular :autoplay="true" :interval="interval" :style="{height: appletHomeSetting.adHeightSize2 + 'rpx'}"
- :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
- <swiper-item v-for="(item,index) in homeCardList.ad2">
- <view class="swiper-item2" @click="goRoter(item)">
- <image class="swiper-item2Img" :src="item.icon" :style="{height: appletHomeSetting.adHeightSize2 + 'rpx'}" mode=""></image>
- </view>
- </swiper-item>
- </swiper>
- </view>
- <view class="advertisement" v-if="homeCardList.ad3.length>0">
- <swiper class="swiper2" circular :autoplay="true" :interval="interval" :style="{height: appletHomeSetting.adHeightSize3 + 'rpx'}"
- :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
- <swiper-item v-for="(item,index) in homeCardList.ad3">
- <view class="swiper-item2" @click="goRoter(item)">
- <image class="swiper-item2Img" :src="item.icon" mode="" :style="{height: appletHomeSetting.adHeightSize3 + 'rpx'}"></image>
- </view>
- </swiper-item>
- </swiper>
- </view>
- <!-- 广告区 -->
-
- <!-- 商品区 -->
- <view class="goodsBox">
- <view class="goodsTabBox">
- <!-- <view class="goodsTab " :class="{goodsACt:tabIndex==index}" v-for="(item,index) in appletHomeSetting.sortSettingList">
- <view @click="tabFn(index,item.type)" v-if="item.type==2">热销商品</view>
- <view @click="tabFn(index,item.type)" v-if="item.type==1">热门活动</view>
- <view @click="tabFn(index,item.type)" v-if="item.type==3&&homeCardList.isShowMaintain==1">{{homeCardList.maintainTitle}}</view>
- <image v-if="tabIndex==index" class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
- </view> -->
- <view class="goodsTab " :class="{goodsACt:tabIndex==index}" v-for="(item,index) in navigationList">
- <view @click="tabFn(index,item.showType,item.id)">{{item.title}}</view>
-
- <image v-if="tabIndex==index" class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
- </view>
-
- </view>
- <view class="goodsLIneBox byBox" v-if="tabType==1">
- <view class="goodsLine" @click="goMaintain(item)" v-for="(item,index) in byList">
- <view class="goodsLeft">
- <image src="http://dmsphoto.66km.com.cn/thFiles/A117F813-4778-4EE8-B374-54D38363EC1C.png" mode="" v-if="item.showType.indexOf(1)!=-1" class="byTj"></image>
- <image class="goodsIcon" v-if="item.mainImgUrl" :src="item.mainImgUrl" mode=""></image>
- <image class="goodsIcon" v-else src="../../static/timg/noimg.png" mode=""></image>
- </view>
- <view class="goodsRight">
- <view class="goodsRtop">
- <view style="display: flex;">
- <view class="isRecommend" v-if="item.isRecommend==1">适配</view>
- <view class="goodsName">{{item.title}}</view>
- </view>
-
- <view class="goodsMs">{{item.showContent}}</view>
- </view>
- <view class="goodsRb">
- <view class="goodsCBox">
- <view class="goodsCLeft">
- <view style="display: flex;" v-for="(v,i) in item.packageItems" v-if="v.isDefault==1">
- <view v-if="v.count>1" class="goodsTitle">{{v.count}}次更划算</view>
- </view>
- <view class="goodsPriceBox" v-for="(v,i) in item.packageItems" v-if="v.isDefault==1">
- <span class="goodsPrice11">¥</span>
- <span class="goodsPrice22">{{v.price}}</span>
- <span class="goodsPrice33">/次¥{{v.money}}</span>
- </view>
- </view>
- <view class="goodsCRight">
- 立即抢购
- </view>
- </view>
- <view class="goodsKbox">
- <view class="goosK1" v-if="item.showOilType">{{item.showOilType}}</view>
- <view class="goosK2" v-if="item.showOilLevel">机油等级|{{item.showOilLevel}}</view>
- <view class="goosK2" v-if="item.showFit">适配粘度|{{item.showFit}}</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 商品区 -->
- <!-- 热门商品 -->
- <view v-if="OpenMGoods&&tabType==2">
- <view class="" v-if="OpenMGoods.goodsList&&OpenMGoods.goodsList.length>0">
- <view class="Hot" ><!-- v-if="OpenMGoods.showType==1" -->
- <!-- <view class="hotTop">
- <view class="hotLeft">
- <view class="hotSx" :style="{background:'#'+themeColor}"></view>
- <view class="hottitle">{{OpenMGoods.showTitle?OpenMGoods.showTitle:'热门商品'}}</view>
- </view>
- <view class="hotRight" @click="goShop">
- <view class="hotMore">更多</view>
- <img src="../../static/timg/icon_arrow_right.png" alt="" class="hotMoreJt">
- </view>
- </view> -->
- <view v-if="OpenMGoods.showForm==1">
- <view class="hotGoodsLine" v-for="(item,index) in OpenMGoods.goodsList" @click="goGoods(item)">
- <view>
- <image :src="item.url" mode="" class="hotGoodsLineImg"></image>
- </view>
- <view class="hotGoodsLineRIght">
- <view class="goodsName">{{item.name}}</view>
- <view class="Sold">
- <view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
- 已售 {{item.saleQty>0?item.saleQty:0}}
- </view>
- </view>
- <view class="goodsPrice">
- <view class="goodsPrice1" >{{item.saleLabel}}</view><!-- :style="{color:'#'+themeColor}" -->
- <view class="goodsPrice2" >¥</view>
- <view class="goodsPrice3" >{{item.salePrice}}
- <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
- </view>
- <view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice&&item.showLabel.indexOf('1')!=-1">¥{{item.scribingPrice}}</view>
- </view>
- </view>
- </view>
- </view>
-
-
- <!-- 俩列的 -->
- <div class="goodsTwo" v-if="OpenMGoods.showForm==2">
- <div class="goodsTwoLine" v-for="(item,index) in OpenMGoods.goodsList" @click="goGoods(item)">
- <div class="goodsTwoImg">
- <image :src="item.url" mode="" class="hotGoodsLineImg"></image>
- </div>
- <div class="goodsTwoName">{{item.name}}</div>
- <view class="Sold">
- <view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
- 已售 {{item.saleQty>0?item.saleQty:0}}
- </view>
- </view>
- <view class="goodsPrice">
- <view class="goodsPrice1" >{{item.saleLabel}}</view><!-- :style="{color:'#'+themeColor}" -->
- <view class="goodsPrice2" >¥</view>
- <view class="goodsPrice3" >{{item.salePrice}}
- <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
- </view>
- <view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice&&item.showLabel.indexOf('1')!=-1">¥{{item.scribingPrice}}</view>
- </view>
- </div>
- </div>
- </view>
- </view>
- </view>
-
- <!-- 热门活动 -->
- <view v-if="openMActivity&&openMActivity.openCollectingList&&tabType==3">
- <view class="Hot" v-if="openMActivity.openCollectingList.length>0">
- <!-- <view class="hotTop">
- <view class="hotLeft">
- <view class="hotSx" :style="{background:'#'+themeColor}"></view>
- <view class="hottitle">{{homeCardList.openMActivity.showTitle?homeCardList.openMActivity.showTitle:'热门活动'}}</view>
- </view>
- <view class="hotRight" @click="moreJk">
- <view class="hotMore">更多</view>
- <img src="../../static/timg/icon_arrow_right.png" alt="" class="hotMoreJt">
- </view>
- </view> -->
- <view class="hotLine" @click="goJk(item)" v-for="(item,index) in openMActivity.openCollectingList" >
- <view class="hotLineTop">
- <image class="hotLineTopImg" :src="item.img" mode=""></image>
- <view class="hotlineTimebox">
- <!-- <view class="hotlinestate1" v-if="item.state==2">进行中</view>
- <view class="hotlinestate2" v-if="item.state==1">未开始</view> -->
- <image class="jkStateImg" v-if="item.state==2" src="http://dmsphoto.66km.com.cn/thFiles/85EAAA7F-01A6-41A6-B25B-72FAD3E451AC.png" mode="" ></image>
- <image class="jkStateImg" v-if="item.state==1" src="http://dmsphoto.66km.com.cn/thFiles/EB46639B-85C9-4246-A3E3-EA87944DFC36.png" mode="" ></image>
- <view class="hotTime">{{item.startTime.slice(0,10)}}-{{item.endTime.slice(0,10)}}</view>
- </view>
- </view>
- <view class="hotName">{{item.activityName}}</view>
- <view class="groupType" v-if="item.groupType">拼团</view>
- </view>
-
- </view>
- </view>
-
- </view>
-
-
- <view style="height: 60rpx;"></view>
- <!-- 手机号授权 -->
- <view class="authorizBox" v-if="authorizShow" @click="authorizShowHide">
- <view class="authorizCont" @click.stop="">
- <view class="authorizName">{{wxOpenData.miniAppName}}</view>
- <view class="authorizMs">未注册的手机号登录后将自动创会员账号,如果您不同意授权获取手机号,会影响您使用我们的产品和服务。</view>
- <view class="sqLine">
- <button class="authorizContbutton" type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">授权</button>
- <view class="sqRefuse" @click="authorizShowHide">拒绝</view>
- </view>
-
- </view>
- <view style="text-align: center;padding-top: 56rpx;">
- <image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
- </view>
- </view>
-
-
- <view class="qrBox" v-if="qrSHow">
- <view class="qrimgBox">
- <view class="qrTitle">微信绑定
- <image src="../../static/timg/chahao.png" mode="" class="qrimgchahao" @click="qrclose"></image>
- </view>
- <view class="qrms">扫描/长按下方二维码进行绑定</view>
- <view class="qrms2">绑定后可接收微信消息通知</view>
- <view style="text-align: center;padding-top: 30rpx;">
- <image :src="qrimg" mode="" class="qrimg" :show-menu-by-longpress='true'></image>
- </view>
-
- <view class="qrBtn" @click="qrclose">我知道了</view>
- </view>
- </view>
-
- <!-- 弹框广告区-->
- <view class="qrBox" v-if="activityModulesShow" @click="activityModulesHide">
- <view class="tkHdBox" @click.stop="">
- <swiper class="swiperTk" circular :autoplay="true" :interval="interval"
- :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
- <swiper-item v-for="(item,index) in homeCardList.activityModules">
- <view class="swiper-itemTk" @click="goRoter(item)">
- <image class="tkHdImg" :src="item.icon" mode="widthFix"></image>
- </view>
- </swiper-item>
- </swiper>
- <view style="text-align: center;padding-top: 30rpx;">
- <image @click="activityModulesHide" class="closeTk" src="../../static/img/icon_delete.png" mode=""></image>
- </view>
- </view>
- </view>
- <!-- 弹框广告区-->
-
-
- </view>
- </view>
- </template>
- <script>
-
- export default {
-
- data() {
- return {
- shopId: '',
- url:'',
- wxOpenData:'',
- code:'',
- carInfo:'',
- homeCardList:'',
- authorizShow:false,
- miniAppName:'',
- iStatusBarHeight:'',
- managerInfo:'',
- unionId:'',
- ext:'',
- duration:500,
- interval:3000,
- InsuranceExpireDate:'',
- NextCareDate:'',
- NextAuditDate:'',
- themeColor:'',
- getwxLoing:false,
- shareID:'',
- discount:'',
- bizUserId:'',
- coCouponsMsg:'',
- coNoNewCustMsg:'',
- qrimg:'',
- qrSHow:false,
- customerInfo:'',
- exitNum:'',
- appletHomeSetting:'',
- activityModulesShow:false,
- tabIndex:0,
- OpenMGoods:[],
- openMActivity:[],
- tabType:'',
- byList:'',
- navigationList:[],
- }
- },
- onLoad(opt) {
-
- this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
- var that=this;
- //this.$common.getExtStoreId()
- var ext=this.$common.getExtStoreId();
- this.ext=ext
- console.log("ext--themeColor")
- console.log(ext)
- //console.log( String(Date.now()))
- this.shopId=ext.shopId;
- this.url=ext.url;
- this.unionId=ext.unionId;
- var shareID = opt.scene //'F16E7299-6850-4015-ABCE-A9F2794B45B5'
-
- if (shareID) {
- this.shareID = shareID
- console.log('this.shareID==='+this.shareID)
- //this.$store.commit('mutationsshareID', shareID)
- }
- //this.shareID='F16E7299-6850-4015-ABCE-A9F2794B45B5'
- //this.shareID='1BF04FAEC8844ECE9C40E880C3B13721'
-
- //this.unionId="26A1039A-DB10-4D0E-BBA2-541C06274EED";
- //this.ext.appId="wxffd2502e67d37908"
- // uni.setStorage({
- // key: 'extdata',
- // data: {
- // shopId:'E37BB296-5A08-4534-859D-B351BA611AF9',
- // },
- // success: function () {
- // that.uniLogin()
-
- // }
- // });
- //this.userInfo = uni.getStorageSync("userInfo");
- this.userInfo=this.$store.state.userInfo
- if(this.userInfo){
- //this.wxOpenData = uni.getStorageSync("wxOpenData");
- this.getCarList();
- this.queryHomeCardList()
- this.queryManagerInfo()
-
- }else{
- this.uniLogin()
-
- }
- //版本更新
- this.UpdateManager();
-
-
- },
- onShow() {
-
- this.userInfo=this.$store.state.userInfo;
- this.wxOpenData=this.$store.state.wxOpenData;
- var indexaddcar = uni.getStorageSync("indexaddcar");
- var themeColor = uni.getStorageSync("themeColor");
- if(themeColor){
- this.themeColor=themeColor
- }
- this.getwxLoing=true;
- this.exitNum=this.$store.state.exitNum;
- if(this.exitNum==1){
- this.carInfo=''
- }else{
- if(indexaddcar==1){
- uni.removeStorageSync('indexaddcar');
- this.getCarList();
- }else{
- this.carInfo=this.$store.state.carInfo;
- console.log("车辆信息")
- console.log(this.carInfo)
- if(!this.carInfo){
- this.getCarList();
- }
- this.jsTime()
- }
- }
-
-
-
-
- },
- onPullDownRefresh(){
- this.getCarList();
- this.queryHomeCardList()
- this.queryManagerInfo()
- setTimeout(() => {
- uni.stopPullDownRefresh(); // 关闭下拉刷新
- }, 1000);
- },
- methods: {
- goMaintain(item){
- uni.removeStorageSync('byCar');
- uni.navigateTo({
- url:'../subPack/maintainItem?maintainId='+item.id+'&isRecommend='+item.isRecommend
- })
- },
- tabData(showType,id){
- console.log("showType==="+showType)
- if(showType==3){
- uni.showLoading({
- title: '加载中'
- })
- this.$http('openHome/queryOpenMActivity', {
- unionId:this.unionId,id:id
- },'GET').then(res => {
- uni.hideLoading();
- this.openMActivity=res.data
- })
- }
- if(showType==2){
- uni.showLoading({
- title: '加载中'
- })
- this.$http('openHome/queryOpenMGoods', {
- unionId:this.unionId,id:id
- },'GET').then(res => {
- uni.hideLoading();
- this.OpenMGoods=res.data
-
- })
- }
- if(showType==1){
- this.getHomeList(id)
- }
-
-
-
- },
- getHomeList(id){
- if(this.carInfo){
- var params={
- carId:this.carInfo.id,
- id:id
- }
- }else{
- var params={
- id:id
- }
- }
- uni.showLoading({
- title: '加载中'
- })
- this.$http('openMaintain/home-list',params,'GET').then(res => {
- uni.hideLoading();
- this.byList=res.data
- })
- },
- tabFn(index,type,id){
- this.tabIndex=index
- this.tabType=type
- this.tabData(type,id)
- },
- activityModulesHide(){
- this.activityModulesShow=false
- },
- seeQr(){
- // this.authorizShow = true;
- // return false;
- if (this.userInfo) {
-
- } else {
- this.authorizShow = true;
- return false;
- }
- uni.showLoading({
- title: '加载中'
- })
- this.$request.httpBinary('wxV2/createQrCode', {
- type:'bindWx',
- customerId:this.customerInfo.id,
- unionID:this.customerInfo.unionID,
- }, 'GET').then(res => {
- uni.hideLoading();
- this.qrimg = 'data:image/png;base64,'+uni.arrayBufferToBase64(res);
- this.qrSHow=true;
- //this.img= uni.arrayBufferToBase64(res)
- //console.log('list+=', this.queryShopList);
-
- })
- },
- qrclose(){
- this.qrSHow=false;
- },
- authorizShowHide(){
- this.authorizShow=false
- },
- UpdateManager(){
- const updateManager = uni.getUpdateManager();
- updateManager.onCheckForUpdate(function (res) {
- // 请求完新版本信息的回调
- console.log(res.hasUpdate);
- });
-
- updateManager.onUpdateReady(function (res) {
- uni.showModal({
- title: '更新提示',
- content: '新版本已经准备好,是否重启应用?',
- success(res) {
- if (res.confirm) {
- // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
- updateManager.applyUpdate();
- }
- }
- });
-
- });
-
- updateManager.onUpdateFailed(function (res) {
- // 新的版本下载失败
- uni.showToast({
- title: '新的版本下载失败',
- icon:'none',
- duration: 3000
- });
- });
- },
- addCar(){
- if(!this.userInfo){
- if(this.exitNum!=1){
- this.authorizShow=true;
- }else{
- this.$common.automaticlogin().then(val => {
- this.userInfo=this.$store.state.userInfo;
- this.wxOpenData=this.$store.state.wxOpenData;
- /* uni.navigateTo({
- url:'../user/addCar/addCar?type=1'
- }) */
- this.exitNum=''
- this.$store.commit('mutationsexitNum', '')
- this.getCarList();
- uni.navigateTo({
- url:'../user/addCar/cailist'
- })
- })
- }
-
- }else{
- /* uni.navigateTo({
- url:'../user/addCar/addCar?type=1'
- }) */
- uni.navigateTo({
- url:'../subPack/addCarCK'
- })
- }
- },
- goShopList(){
- uni.navigateTo({
- url:'shopList'
- })
- },
- goShop(){
-
- uni.switchTab({
- url:'../shop/shop'
- })
- },
- moreJk(){
- uni.switchTab({
- url:'../activity/activity'
- })
- },
- information(){
- console.log('车辆信息--',this.carInfo);
- uni.navigateTo({
- url:'handbook?mileage='+this.carInfo.milage+'&liyangId='+this.carInfo.nLevelID
- })
- },
- changeCar(){
- /* uni.scanCode({
- success: function (res) {
- console.log('条码类型:' + res.scanType);
- console.log( res);
- }
- });
- return false; */
- uni.navigateTo({
- url:'../user/addCar/cailist'
- })
- },
- goMUsers(){
- if(!this.userInfo){
- this.authorizShow=true;
-
- }else{
- var managerInfo={
- name:this.managerInfo.name,
- shopInfo:{
- shopName:this.managerInfo.shopInfo.shopName,
- provinceName:this.managerInfo.shopInfo.provinceName,
- cityName:this.managerInfo.shopInfo.cityName,
- areaName:this.managerInfo.shopInfo.areaName,
- Address:this.managerInfo.shopInfo.Address,
-
- },
- avatar:this.managerInfo.avatar,
- phone:this.managerInfo.phone,
- shopID:this.managerInfo.shopInfo.id
- }
- uni.navigateTo({
- url:'../index/personalCard?adInfo='+JSON.stringify(managerInfo)
- })
- }
- },
- goGoods(item){
- uni.navigateTo({
- url:'../shop/goodsDetail?id='+item.id
- })
- /* if(!this.userInfo){
- if(this.exitNum!=1){
- this.authorizShow=true;
- }else{
- this.$common.automaticlogin().then(val => {
- this.userInfo=this.$store.state.userInfo;
- this.wxOpenData=this.$store.state.wxOpenData;
- this.exitNum=''
- this.$store.commit('mutationsexitNum', '')
- uni.navigateTo({
- url:'../shop/goodsDetail?id='+item.id
- })
- })
- }
- }else{
- uni.navigateTo({
- url:'../shop/goodsDetail?id='+item.id
- })
- } */
- /* if(!this.userInfo){
- this.authorizShow=true;
- }else{
- uni.navigateTo({
- url:'../shop/goodsDetail?id='+item.id
- })
- } */
- },
- goJk(item){
- uni.navigateTo({
- url:'../activity/jkDetail?id='+item.id
- })
- /* if(!this.userInfo){
- this.authorizShow=true;
- }else{
- uni.navigateTo({
- url:'../activity/jkDetail?id='+item.id
- })
- } */
- /* if(!this.userInfo){
- if(this.exitNum!=1){
- this.authorizShow=true;
- }else{
- this.$common.automaticlogin().then(val => {
- this.userInfo=this.$store.state.userInfo;
- this.wxOpenData=this.$store.state.wxOpenData;
- this.exitNum=''
- this.$store.commit('mutationsexitNum', '')
- uni.navigateTo({
- url:'../activity/jkDetail?id='+item.id
- })
- })
- }
- }else{
- uni.navigateTo({
- url:'../activity/jkDetail?id='+item.id
- })
- } */
-
- },
- goRoter(item){
- /* if(!this.userInfo){
- if(this.exitNum!=1){
- this.authorizShow=true;
- }else{
- this.$common.automaticlogin().then(val => {
- this.userInfo=this.$store.state.userInfo;
- this.wxOpenData=this.$store.state.wxOpenData;
- this.exitNum=''
- this.$store.commit('mutationsexitNum', '')
- this.goRoter2(item)
- })
- }
- }else{
- this.goRoter2(item)
- } */
- this.$common.automaticlogin().then(val => {
- this.userInfo=this.$store.state.userInfo;
- this.wxOpenData=this.$store.state.wxOpenData;
- this.exitNum=''
- this.$store.commit('mutationsexitNum', '')
- this.goRoter2(item)
- })
-
- },
- goRoter2(item){
- console.log(item)
-
- if(!this.userInfo){
- //this.authorizShow=true;
-
- }else{
- if(item.bizType==0){
- if(item.name=='新车'){ //
- uni.navigateTo({
- url:'../subPack/newCar'
- })
- }else if(item.name=='二手车'){
- uni.navigateTo({
- url:'usedCar'
- })
- }else if(item.name=='爱车估价'){
- uni.navigateTo({
- url:'evaluation'
- })
- }else if(item.sortId==18){ //领券中心
- uni.navigateTo({
- url:'receiveCoupon'
- })
- }else if(item.sortId==19){ //救援测试
-
- uni.navigateTo({
- url:'rescue'
- })
- }
-
- else{
- uni.showToast({
- title: '敬请期待',
- icon:'none',
- duration: 3000
- });
- }
- }else if(item.bizType==1){ //紧急救援
- uni.navigateTo({
- url:'rescue'
- })
- /* uni.showToast({
- title: '敬请期待',
- icon:'none',
- duration: 3000
- }); */
-
- }else if(item.bizType==2){ //钣金喷漆
- uni.navigateTo({
- url:'paint'
- })
- /* uni.navigateTo({
- url:'receiveCoupon'
- }) */
- }else if(item.bizType==3){ //保养
- uni.navigateTo({
- url:'maintain'
- })
- }else if(item.bizType==4){ //在线预约
- uni.navigateTo({
- url:'onlineBooking?naShopId='+item.naShopId
- })
- }else if(item.bizType==5){ //导航
-
- this.getShopinfo(5,item.reShopId)
- }else if(item.bizType==6){ //联系本店
- this.getShopinfo(6,item.orShopId)
-
- }else if(item.bizType==7){ //7门店列表
- /* uni.navigateTo({
- url:'shopList'
- }) */
- uni.switchTab({
- url:'shopList'
- })
-
- }else if(item.bizType==8){ //我的会员卡
- uni.navigateTo({
- url:'vipCard'
- })
- }else if(item.bizType==9){ //我的优惠券
- uni.navigateTo({
- url:'discountCard'
- })
- }else if(item.bizType==10){ //我的订单
- uni.navigateTo({
- url:'../user/myOrder/myOrder'
- })
- }else if(item.bizType==11){ //我的预约
- uni.navigateTo({
- url:'../user/myBespeak'
- })
- }else if(item.bizType==12){ //历史消费
- uni.navigateTo({
- url:'../user/historySpend'
- })
- }else if(item.bizType==12){ //历史消费
- uni.navigateTo({
- url:'../user/historySpend'
- })
- }else if(item.bizType==13){ //车检报告
- uni.navigateTo({
- url:'../user/checkReport'
- })
- }else if(item.bizType==14){ //指定商品分类
- uni.setStorage({
- key: 'shopcategoryID',
- data: item.bizId,
- success: function () {
- getApp().globalData.shopcategoryID=item.bizId;
- uni.switchTab({
- url:'../shop/shop?shopcategoryID='+ item.bizId
- })
- }
- });
-
- }else if(item.bizType==15){ //商品详情
- uni.navigateTo({
- url:'../shop/goodsDetail?id='+item.bizId
- })
- }else if(item.bizType==16){ //积分商城
- uni.navigateTo({
- url:'../integral/integral'
- })
- }else if(item.bizType==17){ //公司介绍
- uni.navigateTo({
- url:'../subPack/aboutUS?unionID='+this.userInfo.unionId
- })
- }else if(item.bizType==18){ //领券中心
- uni.navigateTo({
- url:'receiveCoupon'
- })
- /* uni.navigateTo({
- url:'rescue'
- }) */
- }else if(item.bizType==19){
- //我的车库pages/user/addCar/cailist
-
- uni.navigateTo({
- url:'../user/addCar/cailist'
- })
- }else if(item.bizType==20){
-
- uni.navigateTo({
- url:'../subPack/maintain?maintainProjectID='+item.maintainProjectID
- })
- }
-
-
- // uni.navigateTo({
- // url:url
- // })
- }
-
- },
- decryptPhoneNumber: function(e) {
- console.log(e);
- this.code=e.detail.code
- this.wxPhoneLogin()
- this.authorizShow=false;
- },
- wxgologin(){
- var that=this;
- uni.getUserProfile({
- lang:'zh_CN',
- desc:'登录',
- success:(res)=>{
- console.log(res);
- that.wxdata=res;
- uni.setStorage({
- key: 'wxdata',
- data: res,
- success: function () {
- that.uniLogin()
-
- }
- });
- },
- fail:(res)=>{
- console.log(res)
- }
- });
- },
- uniLogin(){
- var that=this;
- uni.login({
- provider: 'weixin',
- success: function (loginRes) {
- console.log(loginRes);
- that.getWxOpenID(loginRes)
- }
- });
- },
- getWxOpenID(e){
- var that=this;
- // uni.showLoading({
- // title: '加载中'
- // })
- this.$http('miniApp2/sys/getWxOpenID', {
- code:e.code,
- unionId:this.unionId,
- shareId:this.shareID
- },'GET').then(res => {
- console.log(res.code);
- console.log("授权信息")
- console.log(res)
- //uni.hideLoading();
- if(res.code!=0){
- //uni.hideLoading();
- var msg=res.msg
- if(!msg){
- msg='授权失败'
- }
- console.log(msg);
-
- }
- this.wxOpenData=res.data;
- this.themeColor=res.data.themeColor
- //this.themeColor='FFFFFF'
- this.getwxLoing=true;
- uni.setNavigationBarTitle({
- title:this.wxOpenData.miniAppName
- })
- if(this.themeColor=='6F2BE8'){
- var backgroundImage='/static/tabimg/index6F2BE8.png'
- }
- if(this.themeColor=='1677FF'){
- var backgroundImage='/static/tabimg/index1677FF.png'
- }
- if(this.themeColor=='FF4F00'){
- var backgroundImage='/static/tabimg/indexFF4F00.png'
- }
- if(this.themeColor=='EC0F0A'){
- var backgroundImage='/static/tabimg/index1.png'
- }
- uni.setTabBarStyle({
- // color: '#EC0F0A',
- //selectedColor: '#'+this.themeColor,
- selectedColor: '#222222',
- })
-
- /* uni.setTabBarItem({
- index: 0,
- text: '首页',
- selectedIconPath: backgroundImage
- }) */
- if(res.code==0){
- that.queryHomeCardList()
- }
-
- //that.wxPhoneLogin()
- this.$store.commit('mutationswxOpenData', that.wxOpenData)
- uni.setStorage({
- key: 'wxOpenData',
- data: that.wxOpenData,
- success: function () {
- // that.uniLogin()
-
- }
- });
- uni.setStorage({
- key: 'themeColor',
- data: that.themeColor,
- success: function () {
- // that.uniLogin()
- console.log("themeColor=="+that.themeColor)
- }
- });
- if(this.wxOpenData.loginInfo){
- this.$store.commit('mutationsuserInfo', that.wxOpenData.loginInfo.openUser)
- this.userInfo=that.wxOpenData.loginInfo.openUser
- that.queryManagerInfo()
- //that.tabData()
- uni.setStorage({
- key: 'userInfo',
- data: that.wxOpenData.loginInfo.openUser,
- success: function () {
- that.getCarList()
- }
- });
- }else{
- //this.authorizShow=true;
- }
- if(res.data.loginInfo.discount){
- that.discount=res.data.loginInfo.discount;
- if(that.discount==2){
- that.bizUserId=res.data.loginInfo.bizUserId;
- }
- if(that.shareID){
- that.getCouponList()
- }
- }
- if(res.data.loginInfo.coNoNewCustMsg){ //车主合伙人二维码提示
- uni.showModal({
- title: '提示',
- content:res.data.loginInfo.coNoNewCustMsg,
- success: function(resTKk) {
-
- }
- });
- }
-
- //console.log("优惠券")
-
-
-
-
-
- })
- },
- wxPhoneLogin(){
- var that=this;
- this.$http('miniApp2/sys/wxPhoneLogin', {
- appId:this.ext.appId,
- unionId:this.unionId,
- code:this.code,
- openId:this.wxOpenData.openid,
- shareId:this.shareID
- },'POST').then(res => {
- var data = res.data;
- if(data.loginInfo){
- this.userInfo=data.loginInfo.openUser;
- this.customerInfo=data.loginInfo.customerInfo
- this.$store.commit('mutationsuserInfo', this.userInfo);
- this.$store.commit('mutationswxOpenData', data);
-
- uni.setStorage({
- key: 'userInfo',
- data: data.loginInfo.openUser,
- success: function () {
- that.getCarList()
- that.queryHomeCardList()
- that.queryManagerInfo();
- if(data.loginInfo.coCouponsMsg){
- uni.hideLoading()
- that.coCouponsMsg =data.loginInfo.coCouponsMsg;
- that.ownerCoupon()
- }
- if(data.loginInfo.coNoNewCustMsg){
- //console.log(data.loginInfo.coNoNewCustMsg)
- uni.hideLoading()
- that.coNoNewCustMsg =data.loginInfo.coNoNewCustMsg;
- that.coNoNewCust()
- }
- if(data.loginInfo.discount){
- that.discount=data.loginInfo.discount;
-
- if(that.discount==2){
- that.bizUserId=data.loginInfo.bizUserId;
- }
- if(that.shareID&&that.discount==2){
- that.getCouponList()
- }
- }
-
-
-
- }
- });
-
-
- if(!this.customerInfo.wxMiniV2OpenID){
- this.seeQr()
- }
- }
-
- })
- },
- coNoNewCust(){
- console.log(111111)
- var that=this;
- uni.showModal({
- title: '提示',
- content: that.coNoNewCustMsg,
- success: function(resTK) {
-
- }
- });
- },
- ownerCoupon(){
- console.log(22222)
- var that=this;
- uni.showModal({
- title: '提示',
- content: that.coCouponsMsg,
- cancelText:'回到首页',
- confirmText:'查看',
- success: function(resTK) {
- if (resTK.confirm) {
- uni.navigateTo({
- url:'discountCard'
- })
- }
- }
- });
- },
- getCouponList(){
-
- if(this.discount!=2){
- var params={
- discount:this.discount
- }
- }else{
- var params={
- discount:this.discount,
- bizId:this.bizUserId
- }
- }
- var that=this;
- this.$http('opencoupon/getCouponList', params, 'GET').then(res => {
- var list = res.data;
- if(list.length>0){
- uni.showModal({
- title: '提示',
- content: '您有优惠券待领取',
- cancelText:'回到首页',
- confirmText:'查看',
- success: function(resTK) {
- if (resTK.confirm) {
- uni.navigateTo({
- url:'discountDlq?bizUserId='+that.bizUserId+'&discount='+that.discount
- })
- }
- }
- });
- }
-
-
- })
- },
- getCarList(){
- /* this.$http('opencarOwnerHome/queryCarInfoList', {
-
- },'GET').then(res => {
- if(res.code==401){
- this.carInfo=''
- this.$store.commit('mutationscarInfo', '')
- }else{
- this.carInfo=res.data[0]
- this.$store.commit('mutationscarInfo', this.carInfo)
- this.jsTime()
- }
-
- }) */
- this.$http('opencarOwnerHome/queryDefaultCarInfo', {
-
- },'GET').then(res => {
- if(res.code==401){
- this.carInfo=''
- this.$store.commit('mutationscarInfo', '')
- }else{
- if(res.data&&res.data!='null'){
-
- this.carInfo = res.data
- }else{
-
- this.carInfo=''
- }
- this.$store.commit('mutationscarInfo', this.carInfo)
- //this.getHomeList()
- this.jsTime()
- }
-
- })
- },
- jsTime(){
- if(this.carInfo.insuranceExpireDate){
- if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.insuranceExpireDate.replace(/-/g, '/')).getTime()) || 0)) {
- console.log("现在时间大于开始时间")
- this.InsuranceExpireDate = 0
- } else {
- this.clock()
- }
- }else{
- this.InsuranceExpireDate=''
- }
- if(this.carInfo.nextCareDate){
- if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.nextCareDate.replace(/-/g, '/')).getTime()) || 0)) {
- this.NextCareDate = 0
- } else {
- this.clock2()
- }
- }else{
- this.NextCareDate = ''
- }
- if(this.carInfo.nextAuditDate){
- if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.nextAuditDate.replace(/-/g, '/')).getTime()) || 0)) {
- this.NextAuditDate = 0
- } else {
- this.clock3()
- }
- }else{
- this.NextAuditDate=''
- }
-
- },
- clock () {
- let _this = this
- let today = new Date() // 当前时间
- let h = today.getHours()
- let m = today.getMinutes()
- let s = today.getSeconds()
- let stopTime = new Date(_this.carInfo.insuranceExpireDate.replace(/-/g, '/')) // 结束时间
- let stopH = stopTime.getHours()
- let stopM = stopTime.getMinutes()
- let stopS = stopTime.getSeconds()
- let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
- let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
- this.InsuranceExpireDate=shengyuD+1;
-
- // setTimeout(_this.clock, 500)
- },
- clock2 () {
- let _this = this
- let today = new Date() // 当前时间
- let stopTime = new Date(_this.carInfo.nextCareDate.replace(/-/g, '/')) // 结束时间
- let stopH = stopTime.getHours()
- let stopM = stopTime.getMinutes()
- let stopS = stopTime.getSeconds()
- let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
- let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
- this.NextCareDate=shengyuD+1;
-
- // setTimeout(_this.clock, 500)
- },
- clock3 () {
- let _this = this
- let today = new Date() // 当前时间
- let stopTime = new Date(_this.carInfo.nextAuditDate.replace(/-/g, '/')) // 结束时间
- let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
- let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
- this.NextAuditDate=shengyuD+1;
-
- // setTimeout(_this.clock, 500)
- },
- queryManagerInfo(){
- console.log("11")
- this.$http('openHome/queryManagerInfo', {
-
- },'GET').then(res => {
- this.managerInfo=res.data
-
- })
- },
- queryHomeCardList(){
- //console.log(this.wxOpenData)
- var that=this;
- uni.showLoading({
- title: '加载中'
- })
- this.$http('openHome/queryHomeCardList', {
- unionId:this.unionId
- },'GET').then(res => {
- uni.hideLoading();
- this.homeCardList=res.data;
- this.appletHomeSetting=res.data.appletHomeSetting;
- this.navigationList=res.data.navigationList
- var appletHomeSetting=this.appletHomeSetting
- //this.tabType=appletHomeSetting.sortSettingList[0].type
-
- if(this.homeCardList.activityModules.length>0){
- this.activityModulesShow=true
- }
- //console.log("this.navigationList")
- //console.log(this.navigationList)
-
- if(this.navigationList.length>0){
- this.tabType=this.navigationList[0].showType
- this.tabIndex=0
- this.tabData(this.navigationList[0].showType,this.navigationList[0].id)
- }
-
- uni.setStorage({
- key: 'openMCar',
- data: res.data.openMCar,
- success: function () {
- that.getCarList()
- }
- });
- uni.setStorage({
- key: 'carAddImage',
- data: appletHomeSetting.carAddImage,
- success: function () {
-
- }
- });
- uni.setTabBarItem({
- index: 0,
- text: '首页',
- iconPath:appletHomeSetting.homeImageUnCheck,
- selectedIconPath: appletHomeSetting.homeImageCheck
- })
- uni.setTabBarItem({
- index: 1,
- text: '商城',
- iconPath:appletHomeSetting.mallImageUnCheck,
- selectedIconPath: appletHomeSetting.mallImageCheck
- })
- uni.setTabBarItem({
- index: 2,
- text: '活动',
- iconPath:appletHomeSetting.activityImageUnCheck,
- selectedIconPath: appletHomeSetting.activityImageCheck
- })
- uni.setTabBarItem({
- index: 3,
- text: '门店',
- iconPath:appletHomeSetting.storeImageUnCheck,
- selectedIconPath: appletHomeSetting.storeImageCheck
- })
- uni.setTabBarItem({
- index: 4,
- text: '我的',
- iconPath:appletHomeSetting.mineImageUnCheck,
- selectedIconPath: appletHomeSetting.mineImageCheck
- })
- })
- },
- getShopinfo(num,shopId){
- var that=this;
- uni.showLoading({
- title: '加载中'
- })
- if(!shopId){
- shopId=''
- }
- this.$http('openmy/getShopinfo', {
- shopId:shopId
- },'GET').then(res => {
- uni.hideLoading();
- var res=res.data
- if(num==5){
- uni.openLocation({
- latitude:Number(res.lat),
- longitude:Number(res.lng),
- name: res.shopName,
- address: res.address,
- success: function() {
- console.log('success');
- },
- fail(err) {
- console.log(err)
- }
- });
- }else{
- uni.makePhoneCall({
- phoneNumber: res.mobilePhone
- });
- }
- })
- }
-
- },
- onShareAppMessage(){
-
- }
- }
- </script>
- <style scoped>
- .content{
- background: #F4F4F4;
- }
- .top{
- position: fixed;
- left: 0;
- width: 750rpx;
- top: 0;
- z-index: 111;
- }
- .logoImg{
- height: 72rpx;width: 492rpx;
- }
- .logoBox{
- height: 78rpx;
- }
- .logoBox{
- padding-left: 20rpx;
- padding-bottom: 20rpx;
- padding-top: 8rpx;
- }
- .topCont{
- padding: 8rpx 20rpx;
- height: 100rpx;
- /* padding-bottom: 210rpx; */
- }
- .carBox{
- background: #FFFFFF;
- border-radius: 17rpx;
-
- padding-top: 20rpx;
- padding-right: 24rpx;
- padding-left: 30rpx;
- }
- .carBox2{
- display: flex;
- justify-content: space-between;
- }
- .carLogoBg{
- width: 123rpx;
- height: 127rpx;
- }
- .carLogo{
- width: 42rpx;height: 42rpx;border-radius: 22rpx;
- }
- .carInfomodel{
- font-size: 30rpx;
- color: #0B0B0B;
- line-height: 42rpx;
- font-weight: 500;
- padding-left: 12rpx;
- max-width: 270rpx;
- }
- .carTop{
- display: flex;
- }
- .carXia{
- width: 12rpx;height: 9rpx;
- margin-left: 4rpx;margin-top: 18rpx;
- }
- .plateNumber{
- color: #0B0B0B;padding-right: 20rpx;
- line-height: 42rpx;
- font-size: 22rpx;padding-left: 20rpx;
- }
- .carBj{
- width: 12rpx;height: 15rpx;margin-top: 16rpx;
- }
- .carBq{
- display: flex;
- width: 446rpx;
- height: 47rpx;
- background: #FBF0E4;
- border-radius: 10rpx;
- margin-top: 22rpx;
- }
- .carDui{
- width: 24rpx;height: 24rpx;
- }
- .carBqLine{
- display: flex;
- padding-left: 20rpx;padding-right: 10rpx;padding-top: 10rpx;
- font-size: 22rpx;
- color: #A26D4F;line-height: 26rpx;
- }
- .carTitle{
- padding-left: 6rpx;
- }
- .modular{
- background: #FFFFFF;
- border-radius: 17rpx;
- padding: 34rpx 0 4rpx 0;
- }
- .modularMk{
- width: 25%;text-align: center;
- padding-bottom: 30rpx;
- }
- .modularLine{
- display: flex;flex-wrap: wrap;
- }
- .modularLogo{
- width: 110rpx;height: 110rpx;
- }
- .modularLogo2{
- width: 62rpx;height: 62rpx;
- }
- .modularTitle{
- /* font-weight: 600; */
- font-size: 24rpx;
- color: #222222;line-height: 40rpx;
- }
- .modularTitle2{
- font-size: 24rpx;
- color: #222222;line-height: 40rpx;
- }
- .contBox{
- padding: 20rpx;
- margin-top: 160rpx;
- /* margin-top: -200rpx; */
- }
- .swiper2{
- height: 200rpx;
- }
- .swiper-item2Img{
- height: 200rpx;
- width: 100%;
- border-radius: 10rpx;
- }
- /* .swiper-item2{
- height: 200rpx;
-
- } */
- .advertisement{
- background: #FFFFFF;
- margin-top: 20rpx;
- border-radius: 16rpx;
- /* height: 200rpx; */
- /* padding: 12rpx 15rpx; */
- }
- .activeGoodsIcon{
- width: 55rpx;height: 19rpx;margin-top: 10rpx;
- }
- .goodsTabBox{
- display: flex;
- }
- .goodsTab{
- text-align: center;
- font-weight: 400;
- font-size: 28rpx;
- color: #8B8B8B;
- line-height: 40rpx;
- padding-right: 50rpx;
- }
- .goodsBox{
- margin-top: 20rpx;
- }
- .goodsACt{
- font-weight: 500;
- font-size: 28rpx;
- color: #222222;
- }
- .goodsLine{
- background: #FFFFFF;border-radius: 16rpx;
- padding: 24rpx;margin-bottom: 20rpx;
- }
- .goodsIcon{
- width: 246rpx;border-radius: 12rpx;
- height: 246rpx;
- }
- .goodsLine{
- display: flex;
- }
- .byBox .goodsName{
- font-weight: 500;
- font-size: 28rpx;
- color: #222222;
- line-height: 40rpx;
- }
- .goodsRight{
- padding-left: 24rpx;
- width: 438rpx;
- display: flex;
- flex-direction: column;
- /* justify-content: space-between; */
- }
- .goodsRb{
- padding-top: 16rpx;
- }
- .goodsMs{
- font-weight: 500;padding-top: 5rpx;
- font-size: 20rpx;
- color: #8B8B8B;
- line-height: 28rpx;
- }
- .goodsCBox{
- display: flex;justify-content: space-between;
- }
- .goodsTitle{
- height: 25rpx;line-height: 25rpx;font-size: 18rpx;
- color: #EC0F0A;padding: 0 10rpx;
- background: #FEE6E5;
- }
- .goodsCRight{
- width: 147rpx;
- height: 58rpx;
- background: #EC0F0A;
- border-radius: 29rpx;
- line-height: 58rpx;
- text-align: center;
- font-size: 24rpx;
- color: #FFFFFF;
- }
- .goodsPriceBox{
- line-height: 45rpx;
- font-size: 22rpx;
- color: #8B8B8B;
- }
- .goodsPrice1{
- font-weight: 500;
- font-size: 20rpx;
- color: #EC0F0A;
- }
- .goodsPrice2{
- font-weight: 500;
- font-size: 34rpx;
- color: #EC0F0A;
- }
- .goodsKbox{
- display: flex;flex-wrap: wrap;
- }
- .goosK1 {
- height: 25rpx;line-height: 25rpx;padding: 0 8rpx;
- border: 1rpx solid #EC0F0A;font-size: 18rpx;
- color: #EC0F0A;margin-right: 10rpx; border-radius: 6rpx;
- }
- .goosK2{
- height: 25rpx;line-height: 25rpx;padding: 0 8rpx;color: #34B084;
- border: 1rpx solid #34B084;font-size: 18rpx;border-radius: 6rpx;
- }
- .carAddImage{
- width: 91rpx;height: 123rpx;
- }
- .nocarBox{
- background: #FFFFFF;
- border-radius: 17rpx;
- padding: 12rpx 20rpx;
- display: flex;
- margin-top: 20rpx;
- justify-content: space-between;
- }
- .addCarMs{
- padding-left: 26rpx;padding-top: 32rpx;
- }
- .addCarMs1{
- font-weight: 500;
- font-size: 30rpx;
- color: #222222;
- }
- .addCarMs1{
- font-weight: 500;
- font-size: 30rpx;
- color: #222222;
- }
- .addCarMs2{
- font-weight: 400;
- font-size: 24rpx;
- color: #999999;
- }
- .addCarBtn{
- width: 183rpx;
- height: 53rpx;
- background: #222222;
- border-radius: 27rpx;
- font-weight: 600;
- font-size: 28rpx;
- color: #FCD903;
- text-align: center;
- line-height: 53rpx;
- margin-top: 40rpx;
- }
- .authorizBox{
- width: 100vw;
- height: 100vh;
- background: rgba(0, 0, 0, 0.5);
- position: fixed;
- top: 0;
- left: 0;
- }
- .authorizCont{
- margin-top: 30vh;
- width: 564rpx;
- height: 408rpx;
- background: #FFFFFF;
- border-radius: 24rpx;
- margin-left: 93rpx;
- position: relative;
- }
- .authorizCloseImg{
- width: 62rpx;
- height: 62rpx;
- }
- .sqLogoBox{
- width: 180rpx;
- height: 180rpx;
- background: #FFFFFF;
- border-radius: 90rpx;
- text-align: center;
- position: absolute;
- top: -50rpx;
- left: 192rpx;
- }
- .authorizName{
- color: #333333;
- line-height: 42rpx;
- font-size: 30rpx;
- text-align: center;
- padding-top: 58rpx;
- }
- .authorizMs{
- color: #999999;
- line-height: 36rpx;
- font-size: 26rpx;
- width: 452rpx;
- padding-top: 24rpx;
- text-align: center;
- margin-left: 56rpx;
- }
- .authorizContbutton{
- width: 210rpx;
- height: 66rpx;
- background: #EC0F0A;
- border-radius: 44rpx;
- line-height: 66rpx;
- text-align: center;
- font-size:30rpx;
- color: #FFFFFF;
-
- margin-left:40rpx;
- }
- .qrBox{
- position: fixed;
- width: 100vw;
- height: 100vh;
- background: rgba(0,0,0,0.5);
- left: 0;
- top: 0;
- z-index: 11;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- }
- .qrimgBox{
- width: 562rpx;
- height: 704rpx;
- background: #FFFFFF;
- border-radius: 24rpx;
- }
- .qrTitle{
- font-size: 30rpx;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #333333;
- border-bottom: 1px solid #EEEEEE;
- text-align: center;
- line-height: 90rpx;
- position: relative;
- }
- .qrimgchahao{
- width: 38rpx;
- height: 38rpx;
- position: absolute;
- top: 26rpx;
- right: 20rpx;
- }
- .qrms{
- font-weight: 400;
- color: #999999;
- line-height: 37rpx;
- font-size: 26rpx;
- padding-top: 23rpx;
- text-align: center;
- }
- .qrms2{
- font-weight: 400;
- color: #999999;
- line-height: 37rpx;
- font-size: 26rpx;
- text-align: center;
- }
- .qrimg{
- width: 328rpx;
- height: 328rpx;
- }
- .qrBtn{
- width: 292rpx;
- height: 64rpx;
- background: #EC0F0A;
- border-radius: 32rpx;
- color: #FFFFFF;
- line-height: 64rpx;
- text-align: center;
- margin: 0 auto;
- margin-top:40rpx;
- }
-
- .adviser{
-
- background: #FFFFFF;
- border-radius: 10px;
- display: flex;
- justify-content: space-between;
- padding: 18rpx 20rpx;
- margin-bottom: 20rpx;
- }
- .adviserLeft{
- display: flex;
- }
- .advisertx{
- width: 62rpx;height: 62rpx;
- }
- .adviserNema{
- color: #333333;font-size: 30rpx;
- line-height: 62rpx;padding-left: 24rpx;
- }
- .adviserms{
- width: 118rpx;
- height: 36rpx;
- border-radius: 4rpx;
- border: 1px solid #EC0F0A;
- line-height: 36rpx;
- text-align: center;
- margin-top: 12rpx;
- margin-left: 20rpx;
- color: #EC0F0A;
- font-size: 24rpx;
- }
- .adviserJt{
- width: 12rpx;
- height: 20rpx;
- margin-top: 20rpx;
- }
- .bxBox{
- display: flex;
- flex-wrap: wrap;
- }
- .bxline{
- display: flex;
- padding-bottom: 20rpx;
- }
- .bxline1{
- width: 40%;
- }
- .bxline2{
- width: 60%;height: 40rpx;
- }
- .bxlineTitle{
- color: #333333;
- font-size: 26rpx;
- line-height: 37rpx;
- padding-left: 10rpx;
- }
- .bxlineMs1{
- line-height: 37rpx;
- color: #A26D4F;
- font-size: 26rpx;
- padding-left: 10rpx;
- }
- .bxlineMs2{
- line-height: 40rpx;
- color: #999999;
- font-size: 24rpx;
- padding-left: 10rpx;
- }
- .bxlineIcon{
- width: 34rpx;
- height: 34rpx;
- /* margin-left: 24rpx; */
- }
- .carTimeBox{
- /* border-top: 1px solid #EEEEEE; */
- /* padding-bottom: 15rpx; */
- }
- .plateNumberSpan1{
- background: #0041FF;
- border-radius: 4rpx 0rpx 0rpx 4rpx;
- color: #FFFFFF;
- border: 1px solid #0041FF;
- padding: 0 6rpx;
- }
- .plateNumberSpan2{
- color: #0B0B0B;
- border: 1px solid #0041FF;
- padding: 0 6rpx;
- border-radius: 0rpx 4rpx 4rpx 0rpx;
- }
- .swiperTk{
- height: 52vh;
- width: 100vw;
- }
- .swiper-itemTk{
- display: flex;
- justify-content: flex-end;
- flex-direction: column;
- align-items: center;
- height: 50vh;
- padding-bottom: 50rpx;
- }
- .tkHdImg{
- width: 80vw;margin-bottom: 10px;
- }
- .swiper-itemTk{
- text-align: center;
- }
- .closeTk{
- width: 60rpx;height: 60rpx;
- }
- .hotGoodsLine{
- /* margin-top: 30rpx; */
- padding: 20rpx;
- background: #FFFFFF;
- border-radius: 16rpx;
- display: flex;
- }
- .hotGoodsLineImg{
- width: 208rpx;
- height: 194rpx;
- border-radius: 16rpx;
- border: 1px solid #EEEEEE;
- display: block;
- }
- .goodsName{
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: #333333;
- line-height: 40rpx;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .hotGoodsLineRIght{
- padding-left: 24rpx;
- }
- .goodsPrice{
- display: flex;
- padding-top: 10rpx;
- }
- .goodsPrice1{
- font-size: 24rpx;
- font-weight: 400;
- color: #EC0F0A;
- padding-top: 8rpx;
- }
- .goodsPrice2{
- font-size: 22rpx;
- font-weight: 400;
- color: #EC0F0A;
- padding-top: 10rpx;
- }
- .goodsPrice3{
- font-size: 32rpx;
- font-weight: 500;
- color: #EC0F0A;
- }
- .goodsPrice11{
- font-size: 20rpx;
- color: #EC0F0A;
- padding-top: 8rpx;
- }
- .goodsPrice22{
- font-size: 34rpx;
- font-weight: 500;
- color: #EC0F0A;
- padding-top: 10rpx;
- }
- .goodsPrice33{
- font-size: 22rpx;
- color: #8B8B8B;padding-left: 10rpx;
- }
- .goodsPrice4{
- font-size: 24rpx;
- font-weight: 400;
- color: #999999;
- padding-top: 8rpx;
- padding-left: 10rpx;
- text-decoration:line-through;
- }
- .Sold{
- font-weight: 400;
- color: #999999;
- font-size: 24rpx;
- padding-top: 8rpx;
- }
- .jkStateImg{
- width: 102rpx;
- height: 53rpx;
- position: relative;
- }
- .hotLineTopImg{
- width: 702rpx;
- height: 280rpx;
- display: block;
- }
- .hotLineTop{
- position: relative;
- height: 280rpx;
- }
- .hotLine{
- margin-top: 20rpx;
- border-radius: 10rpx;
- background: #FFFFFF;
- overflow: hidden;
- position: relative;
- }
- .groupType{
- width: 76rpx;color: #FFFFFF;
- height: 36rpx;line-height: 36rpx;text-align: center;
- background: linear-gradient(109deg, #FD5A04 0%, #FD0900 100%);
- border-radius: 0rpx 10rpx 0rpx 10rpx;
- position: absolute;font-weight: 500;
- top: 0;right: 0;font-size: 24rpx;
- }
- .hotlinestate1{
- width: 102rpx;
- height: 44rpx;
- background:#FBBF00 ;
- line-height: 44rpx;
- font-weight: 500;
- color: #333333;
- font-size: 24rpx;
- text-align: center;
- }
- .hotlinestate2{
- width: 102rpx;
- height: 44rpx;
- background:#EC0F0A ;
- line-height: 44rpx;
- font-weight: 500;
- color: #FFFFFF;
- font-size: 24rpx;
- text-align: center;
- }
- .hotlineTimebox{
- position: absolute;
- left: 0;
- bottom: 0;
-
- display: flex;
- align-items: flex-end;
- }
- .hotTime{
- background: rgba(0, 0, 0, 0.5);
- font-weight: 400;
- color: #FFFFFF;
- font-size: 24rpx;
- /* line-height: 44rpx; */
- padding: 5rpx 20rpx;
- margin-top: 9rpx;
- margin-left: -8rpx;
- border-radius: 0px 10rpx 0px 0px;
- }
- .hotName{
- padding: 24rpx 20rpx;
- color: #333333;
- line-height: 40rpx;
- font-size: 28rpx;
- }
- .isRecommend{
- font-size: 20rpx;
- background: #57C73D;
- height: 30rpx;
- padding: 0 6rpx;
- border-radius: 6rpx;
- color: #fff;
- margin-top: 5rpx;
- margin-right: 10rpx;
- }
- .goodsLeft{
- position: relative;
- }
- .byTj{
- width: 70rpx;height: 70rpx;top: 0;left: 0;
- position: absolute;
- }
- .goodsTwo{
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- }
- .goodsTwoLine{
- background: #FFFFFF;width: 341rpx;
- margin-top: 20rpx;
- padding-bottom: 20rpx;
- border-radius: 16rpx;
- overflow: hidden;
- }
- .goodsTwoImg .hotGoodsLineImg{
- margin: 0 auto;
- width: 100%;
- height: 340rpx;
- border-radius: 0;
- border: none;
- }
- .goodsTwoLine .Sold{
- padding-left: 20rpx;
- }
- .goodsTwoLine .goodsPrice{
- padding-left: 20rpx;
- }
-
- .goodsTwoImg{
- padding-bottom: 30rpx;
- }
- .goodsTwoName{
- font-weight: 400;
- color: #333333;
- font-size: 26rpx;
- line-height: 38rpx;
- padding: 0 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;
-
- }
- </style>
|