123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020 |
- <template>
- <view class="content">
- <view class="indexTop">
- <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
- <view class="indexnav">首页</view>
- </view>
- <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
- <view style="height: 43px;"></view>
- <view class="topBox"></view>
- <view class="yuanhu"></view>
- <view class="shoptopbox2" v-if="!carInfo">
- <view class="carinfoBox2">
- <view class="carinfoBoxNocar" @click="addCar">
- <img src="../../static/timg/addcar.png" alt="" class="carinfonocarIcon">
- <view class="carinfoBoxNocarRight">
- <view class="carinfoBoxNocarRightTitle">添加我的爱车</view>
- <view class="carinfoBoxNocarRightMS">按照车型推荐合适的商品</view>
- </view>
- </view>
-
- </view>
- </view>
- <view class="shoptopbox" v-if="carInfo">
- <view class="carinfoBox" >
- <view class="carinfoBoxTop">
- <img :src="carInfo.brandLogo" alt="" class="carLogo" v-if="carInfo.brandLogo">
- <img src="../../static/timg/nocar.png" alt="" class="carLogo" v-else>
- <view class="carinfoBoxTopCont">
- <view class="carinfoBoxTopContTop">
- <view class="carInfoplateNumber">{{carInfo.plateNumber}}</view>
- <view class="carTnfomilage" v-if="carInfo.milage">{{carInfo.milage}}km</view>
- </view>
- <view class="carInfocarModel" v-if="carInfo.carModel">{{carInfo.carModel}}</view>
- <view class="carInfocarModel" v-else>暂无</view>
- </view>
- <view class="carinfoBoxTopRight" @click="changeCar">
- <img src="../../static/timg/icon_change@2x.png" alt="" class="carinfoBoxTopRightIcon">
- <view class="huancheBtn">换车</view>
- </view>
- </view>
- <view class="carInfoBottom">
- <view class="carInfoBottomLine">
- <view class="carInfoBottomLineTitle">下次保养里程</view>
- <view class="carInfoBottomLineTxt" v-if="carInfo.nextCareMilage">{{carInfo.nextCareMilage}}</view>
- <view class="carInfoBottomLineTxt" v-else>暂无</view>
- </view>
- <view class="carInfoBottomLine">
- <view class="carInfoBottomLineTitle">下次保养日期</view>
- <view class="carInfoBottomLineTxt" v-if="carInfo.nextCareDate">{{carInfo.nextCareDate.slice(0,10)}}</view>
- <view class="carInfoBottomLineTxt" v-else>暂无</view>
- </view>
- <view class="carInfoBottomLine">
- <view class="carInfoBottomLineTitle">保养手册</view>
- <view class="carInfoBottomLineTxt" @click="information">点击查看</view>
- </view>
- </view>
- </view>
- </view>
-
- <!-- 服务顾问 -->
- <view class="adviser" v-if="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">服务顾问</view>
- </view>
- <img src="../../static/timg/icon_arrow_right.png" alt="" class="adviserJt">
- </view>
- <!-- 中间功能应用模块 -->
- <view class="modular" v-if="homeCardList.application.length>0">
- <view class="swiper-item">
- <view class="itemLine" @click="goRoter(item)" v-for="(item,index) in homeCardList.application">
- <view><img :src="item.icon" alt="" class="itemImg"></view>
- <view class="Menusline">{{item.name}}</view>
- </view>
- </view>
- </view>
-
- <view class="advertisement" v-if="homeCardList.ad1.length>0">
- <swiper class="swiper2" circular :autoplay="false" :interval="interval"
- :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" indicator-active-color="#D53533">
- <swiper-item v-for="(item,index) in homeCardList.ad1">
- <view class="swiper-item2" @click="goRoter(item)">
- <image class="swiper-item2Img" :src="item.icon" mode=""></image>
- </view>
- </swiper-item>
- </swiper>
- </view>
- <view class="advertisement" v-if="homeCardList.ad2.length>0">
- <swiper class="swiper2" circular :autoplay="false" :interval="interval"
- :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" indicator-active-color="#D53533">
- <swiper-item v-for="(item,index) in homeCardList.ad2">
- <view class="swiper-item2" @click="goRoter(item)">
- <image class="swiper-item2Img" :src="item.icon" mode=""></image>
- </view>
- </swiper-item>
- </swiper>
- </view>
- <view class="advertisement" v-if="homeCardList.ad3.length>0">
- <swiper class="swiper2" circular :autoplay="false" :interval="interval"
- :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" indicator-active-color="#D53533">
- <swiper-item v-for="(item,index) in homeCardList.ad3">
- <view class="swiper-item2" @click="goRoter(item)">
- <image class="swiper-item2Img" :src="item.icon" mode=""></image>
- </view>
- </swiper-item>
- </swiper>
- </view>
- <!-- 热门活动 -->
- <view class="Hot">
- <view class="hotTop">
- <view class="hotLeft">
- <view class="hotSx"></view>
- <view class="hottitle">热门活动</view>
- </view>
- <view class="hotRight">
- <view class="hotMore">更多</view>
- <img src="../../static/timg/icon_arrow_right.png" alt="" class="hotMoreJt">
- </view>
- </view>
- <view class="hotLine" @click="goJk('../activity/jkDetail')">
- <view class="hotLineTop">
- <image class="hotLineTopImg" src="http://phone.66km.cn:8088/thFiles/C678448A-C874-4B42-9EAE-4F8F21D71D27.jpg" mode=""></image>
- <view class="hotlineTimebox">
- <view class="hotlinestate1">进行中</view>
- <view class="hotTime">2022.01.21-2022.02.14</view>
- </view>
- </view>
- <view class="hotName">博世 7月促【CX-200715003】</view>
- </view>
- <view class="hotLine">
- <view class="hotLineTop">
- <image class="hotLineTopImg" src="http://phone.66km.cn:8088/thFiles/C678448A-C874-4B42-9EAE-4F8F21D71D27.jpg" mode=""></image>
- <view class="hotlineTimebox">
- <view class="hotlinestate2">未开始</view>
- <view class="hotTime">2022.01.21-2022.02.14</view>
- </view>
- </view>
- <view class="hotName">博世 7月促【CX-200715003】</view>
- </view>
- </view>
- <!-- 热门商品 -->
- <view class="" v-if="homeCardList">
- <view class="Hot" v-if="homeCardList.openMGoods.showType==1">
- <view class="hotTop">
- <view class="hotLeft">
- <view class="hotSx"></view>
- <view class="hottitle">热门商品</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 class="hotGoodsLine" v-for="(item,index) in homeCardList.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}}
- </view>
- </view>
- <view class="goodsPrice">
- <view class="goodsPrice1">{{item.saleLabel}}</view>
- <view class="goodsPrice2">¥</view>
- <view class="goodsPrice3">{{item.salePrice}}</view>
- <view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice&&item.showLabel.indexOf('1')!=-1">¥{{item.scribingPrice}}</view>
- </view>
- </view>
- </view>
-
- </view>
- </view>
-
-
-
- <view style="height: 60rpx;"></view>
- <!-- 手机号授权 -->
- <view class="authorizBox" v-if="authorizShow" @click="authorizShow=false">
- <view class="authorizCont" @click.stop="">
- <view class="authorizName">{{wxOpenData.miniAppName}}</view>
- <view class="authorizMs">您好,欢迎访问本店,授权手机号登录能获取我们最新的促销活动哦~</view>
- <button class="authorizContbutton" type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">授权</button>
- </view>
- <view style="text-align: center;padding-top: 56rpx;">
- <image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
- </view>
- </view>
-
-
- <!-- <view @getphonenumber="decryptPhoneNumber" >shopId:{{shopId}}</view>
-
- -->
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- shopId: '',
- url:'',
- wxOpenData:'',
- code:'',
- carInfo:'',
- homeCardList:'',
- authorizShow:false,
- miniAppName:'',
- iStatusBarHeight:'',
- managerInfo:'',
- unionId:'',
- ext:'',
- }
- },
- onLoad() {
- this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
- var that=this;
- //this.$common.getExtStoreId()
- var ext=this.$common.getExtStoreId();
- this.ext=ext
- console.log(ext)
- //console.log( String(Date.now()))
- this.shopId=ext.shopId;
- this.url=ext.url;
- this.unionId=ext.unionId
- // 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()
- }
-
- },
- onShow() {
- var indexaddcar = uni.getStorageSync("indexaddcar")
- if(indexaddcar==1){
- uni.removeStorageSync('indexaddcar');
- this.getCarList();
- }else{
- this.carInfo=this.$store.state.carInfo
- }
-
-
- },
- methods: {
- addCar(){
- if(!this.userInfo){
- this.authorizShow=true;
- }else{
- uni.navigateTo({
- url:'../user/addCar/addCar?type=1'
- })
- }
- },
- goShop(){
- uni.switchTab({
- url:'../shop/shop'
- })
- },
- information(){
- console.log('车辆信息--',this.carInfo);
- uni.navigateTo({
- url:'handbook?mileage='+this.carInfo.milage+'&liyangId='+this.carInfo.nLevelID
- })
- },
- changeCar(){
- uni.navigateTo({
- url:'../user/addCar/cailist'
- })
- },
- goMUsers(){
- if(!this.userInfo){
- this.authorizShow=true;
-
- }else{
- uni.navigateTo({
- url:'../index/personalCard?adInfo='+JSON.stringify(this.managerInfo)
- })
- }
- },
- goGoods(item){
- if(!this.userInfo){
- this.authorizShow=true;
- }else{
- uni.navigateTo({
- url:'../shop/goodsDetail?id='+item.id
- })
- }
- },
- goJk(){
- uni.navigateTo({
- url:'../activity/jkDetail'
- })
- },
- goRoter(item){
- console.log(item)
- if(!this.userInfo){
- this.authorizShow=true;
- }else{
- if(item.bizType==0){
-
- }else if(item.bizType==1){ //紧急救援
- uni.navigateTo({
- url:'rescue'
- })
- }else if(item.bizType==2){ //钣金喷漆
- uni.navigateTo({
- url:'paint'
- })
- }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'
- })
- }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=CD2D70DC-706C-4441-9864-33BD19457CAE'
- })
- }
-
- // 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
- },'GET').then(res => {
- this.wxOpenData=res.data;
-
- that.queryHomeCardList()
- //that.wxPhoneLogin()
- this.$store.commit('mutationswxOpenData', that.wxOpenData)
- uni.setStorage({
- key: 'wxOpenData',
- data: that.wxOpenData,
- success: function () {
- // that.uniLogin()
-
- }
- });
- if(this.wxOpenData.loginInfo){
- this.$store.commit('mutationsuserInfo', that.wxOpenData.loginInfo.openUser)
- this.userInfo=that.wxOpenData.loginInfo.openUser
- that.queryManagerInfo()
- uni.setStorage({
- key: 'userInfo',
- data: that.wxOpenData.loginInfo.openUser,
- success: function () {
- that.getCarList()
- }
- });
- }else{
- this.authorizShow=true;
- }
-
-
- })
- },
- wxPhoneLogin(){
- var that=this;
- this.$http('miniApp2/sys/wxPhoneLogin', {
- appId:this.ext.appId,
- unionId:this.unionId,
- code:this.code,
- openId:this.wxOpenData.openid
- },'POST').then(res => {
- var data = res.data;
- if(data.loginInfo){
- this.userInfo=data.loginInfo.openUser;
- this.$store.commit('mutationsuserInfo', this.userInfo);
- this.$store.commit('mutationswxOpenData', data.loginInfo)
- uni.setStorage({
- key: 'userInfo',
- data: data.loginInfo.openUser,
- success: function () {
- that.getCarList()
- that.queryHomeCardList()
- that.queryManagerInfo()
- }
- });
- }
-
- })
- },
- getCarList(){
- this.$http('opencarOwnerHome/queryCarInfoList', {
-
- },'GET').then(res => {
- if(res.code==401){
- this.uniLogin()
- }else{
- this.carInfo=res.data[0]
- this.$store.commit('mutationscarInfo', this.carInfo)
- }
-
- })
- },
- queryManagerInfo(){
- console.log("11")
- this.$http('openHome/queryManagerInfo', {
-
- },'GET').then(res => {
- this.managerInfo=res.data
-
- })
- },
- queryHomeCardList(){
- //console.log(this.wxOpenData)
- this.$http('openHome/queryHomeCardList', {
- unionId:this.unionId
- },'GET').then(res => {
- uni.hideLoading();
- this.homeCardList=res.data
- })
- },
- 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.contactorPhone
- });
- }
- })
- }
-
- }
- }
- </script>
- <style scoped>
- .indexTop{
- background: #D53533;
- width: 750rpx;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 11;
- }
- .indexnav{
- height: 44px;
- line-height: 44px;
- text-align: center;
- font-size: 36rpx;
- color: #FFFFFF;
- }
- .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: 422rpx;
- height: 88rpx;
- background: #D53533;
- border-radius: 44rpx;
- line-height: 88rpx;
- text-align: center;
- font-size:30rpx;
- color: #FFFFFF;
- margin-top: 62rpx;
- margin-left:71rpx;
- }
- .content{
- min-height: 100vh;
- background: #F4F5F7;
- }
- .topBox{
- width: 750rpx;
- height: 150rpx;
- background: #D53533;
- }
- .yuanhu{
- width: 750rpx;
- height: 50rpx;
- background: #D53533;
- border-radius: 0 0 100% 100%;
- }
- .carinfoBox{
- width: 702rpx;
- height: 250rpx;
- background: #FFFFFF;
- border-radius: 10rpx;
- margin-left: 24rpx;
- overflow: hidden;
-
- }
- .carinfoBox2{
- width: 702rpx;
- height: 180rpx;
- background: #FFFFFF;
- border-radius: 10rpx;
- margin-left: 24rpx;
- overflow: hidden;
-
- }
- .carinfoBox2{
-
- }
- .carinfoBox .carLogo{
- width: 72rpx;height: 72rpx;
- }
- .carinfoBoxTop{
- display: flex;
- justify-content: space-between;
- padding-top: 29rpx;
- padding-left: 24rpx;
- padding-right: 20rpx;
- padding-bottom: 24rpx;
- border: 1px solid #EEEEEE;
- }
- .carinfoBoxTopCont{
- width: 454rpx;
- }
- .carinfoBoxTopContTop{
- display: flex;
- }
- .carInfoplateNumber{
- font-weight: 500;
- color: #3C3C3C;
- font-size: 30rpx;
- line-height: 42rpx;
- padding-right: 16rpx;
- }
- .carTnfomilage{
- color: #F19D01;
- font-size: 22rpx;
- padding: 0rpx 10rpx;
- border-radius: 4rpx;
- border: 1px solid #F19D01;
- height: 32rpx;
- line-height: 34rpx;
- margin-top: 2rpx;
- margin-left: 2rpx;
- }
- .carInfocarModel{
- width: 454rpx;
- color: #666666;
- font-size: 26rpx;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .carinfoBoxTopRight{
- display: flex;padding-top: 25rpx;
- }
- .carinfoBoxTopRightIcon{
- width: 29rpx;
- height: 31rpx;
- }
- .huancheBtn{
- color: #666666; font-size: 26rpx;line-height: 31rpx;
- padding-left: 10rpx;
- }
- .carInfoBottom{
- display: flex;
- justify-content: space-around;
- }
- .carInfoBottomLineTitle{
- color: #999999;font-size: 24rpx;
- text-align: center;
- padding-top: 24rpx;
- }
- .carInfoBottomLineTxt{
- color: #3C3C3C;
- font-size: 26rpx;
- padding-top: 5rpx;
- text-align: center;
- }
- .carinfonocarIcon{
- width: 72rpx;
- height: 72rpx;
- }
- .carinfoBoxNocar{
- display: flex;
- padding-top: 50rpx;
- padding-left: 20rpx;
- }
- .carinfoBoxNocarRightTitle{
- font-weight: 500;
- color: #3C3C3C;
- font-size: 30rpx;
- }
- .carinfoBoxNocarRightMS{
- color: #666666;
- font-size: 26rpx;
- }
- .carinfoBoxNocarRight{
- padding-left: 24rpx;
- }
- .shoptopbox{
- margin-top: -170rpx;
- }
- .shoptopbox2{
- margin-top: -170rpx;
- }
- .adviser{
- width: 662rpx;
- margin-left: 24rpx;
- background: #FFFFFF;
- border-radius: 10px;
- display: flex;
- justify-content: space-between;
- padding: 18rpx 20rpx;
- margin-top: 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 #D53533;
- line-height: 36rpx;
- text-align: center;
- margin-top: 12rpx;
- margin-left: 20rpx;
- color: #D53533;
- font-size: 24rpx;
- }
- .adviserJt{
- width: 12rpx;
- height: 20rpx;
- margin-top: 16rpx;
- }
- .modular{
- width: 702rpx;
- /* height: 313rpx; */
- background: #FFFFFF;
- border-radius: 10px;
- margin-top: 20rpx;
- margin-left: 24rpx;
- padding-bottom: 40rpx;
- }
- .swiper-item{
- display: flex;
- flex-wrap: wrap;
- }
- .itemImg{
- width: 46rpx;
- height: 46rpx;
- }
- .Menusline{
- font-size: 24rpx;
- color: #333333;
- }
- .itemLine{
- width: 20%;
- text-align: center;
- padding-top: 40rpx;
- }
- .advertisement{
- width: 702rpx;
- height: 280rpx;
- margin-top: 20rpx;
- margin-left: 24rpx;
- border-radius: 20rpx;
- }
- .swiper-item2{
- width: 702rpx;
- height: 280px;
- }
- .swiper-item2Img{
- width: 702rpx;
- height: 280rpx;
- }
- .hotMoreJt{
- width: 12rpx;
- height: 20rpx;
- margin-top: 6rpx;
- }
- .Hot{
- width: 702rpx;
- margin-top: 20rpx;
- margin-left: 24rpx;
- }
- .hotTop{
- display: flex;
- justify-content: space-between;
- padding: 6rpx 0;
- }
- .hotSx{
- width: 8rpx;
- height: 30rpx;
- background: #FF0000;
- border-radius: 5rpx;
- }
- .hotLeft{
- display: flex;
- }
- .hottitle{
- font-weight: 500;
- color: #333333;
- font-size: 30rpx;
- line-height: 30rpx;
- margin-left: 16rpx;
- }
- .hotRight{
- display: flex;
- }
- .hotMore{
- line-height: 30rpx;color: #666666;font-size: 24rpx;
- margin-right: 16rpx;
- }
- .hotLineTopImg{
- width: 702rpx;
- height: 280rpx;
-
- }
- .hotLineTop{
- position: relative;
- height: 280rpx;
- }
- .hotLine{
- margin-top: 20rpx;
- border-radius: 10rpx;
- background: #FFFFFF;
- overflow: hidden;
-
- }
- .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:#FF0000 ;
- line-height: 44rpx;
- font-weight: 500;
- color: #FFFFFF;
- font-size: 24rpx;
- text-align: center;
- }
- .hotlineTimebox{
- position: absolute;
- left: 0;
- bottom: 0;
- background: rgba(0, 0, 0, 0.5);
- display: flex;
- }
- .hotTime{
- font-weight: 400;
- color: #FFFFFF;
- font-size: 24rpx;
- line-height: 44rpx;
- padding: 0 20rpx;
- }
- .hotName{
- padding: 24rpx 20rpx;
- color: #333333;
- line-height: 40rpx;
- font-size: 28rpx;
- }
- .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: #FF0000;
- padding-top: 8rpx;
- }
- .goodsPrice2{
- font-size: 22rpx;
- font-weight: 400;
- color: #FF0000;
- padding-top: 10rpx;
- }
- .goodsPrice3{
- font-size: 32rpx;
- font-weight: 500;
- color: #FF0000;
- }
-
- .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;
- }
- </style>
|