<view class="news-item" v-for="(item,index) in state.highMsgData" :key='index' @click="link(item)"> | <view class="news-item" v-for="(item,index) in state.highMsgData" :key='index' @click="link(item)"> | ||||
<view class="left-text"> | <view class="left-text"> | ||||
<view class="tit description">{{item.title}}</view> | <view class="tit description">{{item.title}}</view> | ||||
<view class="span">{{getCodeName('COPYWRITING',item.copywriting)}}</view> | |||||
<view class="span">{{item.copywriting}}</view> | |||||
</view> | </view> | ||||
<view class="image-box"> | <view class="image-box"> | ||||
<image :src="fileURL + item.speedUrl"></image> | <image :src="fileURL + item.speedUrl"></image> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- <view class="news-item" @click="$util.msg('该功能正在开发中,敬请期待!')"> | |||||
<view class="left-text"> | |||||
<view class="tit">贵州新建服务区,请注意贵州高速最新通告,请留意...</view> | |||||
<view class="span">新建</view> | |||||
</view> | |||||
<view class="image-box"> | |||||
<image :src="fileURL + 'image/index/news-2.png'"></image> | |||||
</view> | |||||
</view> --> | |||||
<view class="more" @click="$util.navTo('/subpackage/invoice/moreHighMsg/moreHighMsg',true)">查看更多</view> | <view class="more" @click="$util.navTo('/subpackage/invoice/moreHighMsg/moreHighMsg',true)">查看更多</view> | ||||
</view> | </view> | ||||
</view> | </view> |
box-sizing: border-box; | box-sizing: border-box; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
margin-left: 16rpx; | margin-left: 16rpx; | ||||
line-height:40rpx; | |||||
} | } | ||||
.menu { | .menu { |
// 小程序信息带出 | // 小程序信息带出 | ||||
if(getCodeName('IS_ENABLE',data.miniInfoShow)=='启用'){ | if(getCodeName('IS_ENABLE',data.miniInfoShow)=='启用'){ | ||||
state.isEnableInfo=true; | state.isEnableInfo=true; | ||||
queryUserMsg(); //通过opneId查询用户信息 | |||||
uni.showModal({ | |||||
// title: '提示', | |||||
content: '是否允许带出用户信息', | |||||
success: function (res) { | |||||
if (res.confirm) { | |||||
console.log('用户点击确定'); | |||||
queryUserMsg() //通过opneId查询用户信息 | |||||
} else if (res.cancel) { | |||||
console.log('用户点击取消'); | |||||
} | |||||
} | |||||
}); | |||||
}else{ | }else{ | ||||
state.isEnableInfo=false; | state.isEnableInfo=false; | ||||
} | } |
<div class="item" v-for="(item,index) in state.highMsgData" :key='index' @click="link(item)"> | <div class="item" v-for="(item,index) in state.highMsgData" :key='index' @click="link(item)"> | ||||
<div class="left-content"> | <div class="left-content"> | ||||
<div class="description">{{item.title}}</div> | <div class="description">{{item.title}}</div> | ||||
<div class="mark">{{getCodeName('COPYWRITING',item.copywriting)}}</div> | |||||
<div class="mark">{{item.copywriting}}</div> | |||||
</div> | </div> | ||||
<image :src="fileURL + item.speedUrl"></image> | <image :src="fileURL + item.speedUrl"></image> | ||||
</div> | </div> |
<template> | <template> | ||||
<view class=""> | |||||
<view > | |||||
<view class="car-item"> | |||||
<image :src="`${$imgUrl}user/icon-car.png`" class="car-pic"></image> | |||||
<view class="car-info"> | |||||
<view class="car-no"><text class="no">贵ZSC122</text><text class="color">蓝色</text></view> | |||||
<view class="card-no">卡号:52011328220202006876</view> | |||||
<view class="card-no">签号:5202192509222195</view> | |||||
</view> | |||||
<view class="btn-unbind">解除绑定</view> | |||||
</view> | |||||
<view class="car-item"> | |||||
<image :src="`${$imgUrl}user/icon-car.png`" class="car-pic"></image> | |||||
<view class="car-info"> | |||||
<view class="car-no"><text class="no">贵ZSC122</text><text class="color">蓝色</text></view> | |||||
<view class="card-no">卡号:52011328220202006876</view> | |||||
<view class="card-no">签号:5202192509222195</view> | |||||
</view> | |||||
<view class="btn-unbind">解除绑定</view> | |||||
</view> | |||||
<view class="car-item"> | <view class="car-item"> | ||||
<image :src="`${$imgUrl}user/icon-car.png`" class="car-pic"></image> | <image :src="`${$imgUrl}user/icon-car.png`" class="car-pic"></image> | ||||
<view class="car-info"> | <view class="car-info"> | ||||
</script> | </script> | ||||
<style scoped> | <style scoped> | ||||
.cars .car-item { | |||||
.car-item { | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 36rpx 0; | padding: 36rpx 0; | ||||
width: 95%; | |||||
margin:0 auto; | |||||
background:#f6f6f6; | |||||
border-radius: 16rpx; | |||||
padding: 20rpx; | |||||
box-sizing: border-box; | |||||
margin-top:30rpx; | |||||
} | } | ||||
.cars .car-item .btn-unbind { | |||||
.car-item .btn-unbind { | |||||
border: 1px solid #00B38B; | border: 1px solid #00B38B; | ||||
border-radius: 30rpx; | border-radius: 30rpx; | ||||
height: 60rpx; | height: 60rpx; | ||||
background: rgba(0, 179, 139, .1); | background: rgba(0, 179, 139, .1); | ||||
color: #00B38B; | color: #00B38B; | ||||
} | } | ||||
.cars .car-pic { | |||||
.car-pic { | |||||
width: 120rpx; | width: 120rpx; | ||||
height: 120rpx; | height: 120rpx; | ||||
margin-right: 12rpx; | margin-right: 12rpx; | ||||
} | } | ||||
.cars .car-info { | |||||
.car-info { | |||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
flex: 1; | flex: 1; | ||||
color: #999; | color: #999; | ||||
font-size: 22rpx; | font-size: 22rpx; | ||||
} | } | ||||
.cars .car-no { | |||||
.car-no { | |||||
font-size: 30rpx; | font-size: 30rpx; | ||||
color: #333; | color: #333; | ||||
} | } | ||||
.cars .card-no { | |||||
.card-no { | |||||
margin-top: 14rpx; | margin-top: 14rpx; | ||||
} | } | ||||
</style> | </style> |