u-icon切换为图片

main
吕天方 3 months ago
parent 299a202c0e
commit 8222c969b8

@ -19,7 +19,8 @@
</view> --> </view> -->
<view class="LieBIaoListindexcontentbttom-item-bottom"> <view class="LieBIaoListindexcontentbttom-item-bottom">
<view class="LieBIaoListindexcontentbttom-item-bottom-left"> <view class="LieBIaoListindexcontentbttom-item-bottom-left">
<u-icon name="map" size="14" color="#595F66" class="icon"></u-icon> <!-- <u-icon name="map" size="14" color="#595F66" class="icon"></u-icon> -->
<image src="@/static/images/address.png" mode="" style="width: 15px;height: 15px;"></image>
</view> </view>
<view class="LieBIaoListindexcontentbttom-item-bottom-rigth"> <view class="LieBIaoListindexcontentbttom-item-bottom-rigth">
{{item.caseAddress}} {{item.caseAddress}}
@ -27,7 +28,8 @@
</view> </view>
<view class="LieBIaoListindexcontentbttom-item-bottom"> <view class="LieBIaoListindexcontentbttom-item-bottom">
<view class="LieBIaoListindexcontentbttom-item-bottom-left"> <view class="LieBIaoListindexcontentbttom-item-bottom-left">
<u-icon name="clock" size="14" color="#595F66" class="icon"></u-icon> <!-- <u-icon name="clock" size="14" color="#595F66" class="icon"></u-icon> -->
<image src="@/static/images/time.png" mode="" style="width: 15px;height: 15px;"></image>
</view> </view>
<view class="LieBIaoListindexcontentbttom-item-bottom-rigth"> <view class="LieBIaoListindexcontentbttom-item-bottom-rigth">
{{item.caseDate}} {{item.caseDate}}

@ -1,6 +1,6 @@
// 应用全局配置 // 应用全局配置
module.exports = { module.exports = {
// baseUrl: 'http://192.168.0.109:9102', // baseUrl: 'http://192.168.0.111:9102',
baseUrl: location.origin, // 'http://202.102.20.34:9002' baseUrl: location.origin, // 'http://202.102.20.34:9002'
// 应用信息 // 应用信息
appInfo: { appInfo: {

@ -1,7 +1,11 @@
<template> <template>
<view class="indexcontent"> <view class="indexcontent">
<u-navbar :leftText="'驾驶舱'+navbarValue" :safeAreaInsetTop="false" @rightClick="rightClick" :autoBack="true" <u-navbar :safeAreaInsetTop="false" @rightClick="rightClick" :autoBack="true"
:placeholder="true" leftIconColor="#ffffff"> :placeholder="true" leftIconColor="#ffffff">
<view class="u-nav-slot" slot="left" style="display:flex;align-items: center;">
<image src="@/static/images/goback.png" mode="" style="width: 20px;height: 20px;margin-right: 5px;"></image>
<span style="font-size: 15px;">{{ '驾驶舱'+navbarValue }}</span>
</view>
<view class="u-nav-slot" slot="right"> <view class="u-nav-slot" slot="right">
欢迎您审核员 欢迎您审核员
</view> </view>
@ -13,7 +17,7 @@
<scroll-view class="indexcontent-box" @scrolltolower="lowerBottom" scroll-y="true" :scroll-top="scrollTop" <scroll-view class="indexcontent-box" @scrolltolower="lowerBottom" scroll-y="true" :scroll-top="scrollTop"
@scroll="scroll"> @scroll="scroll">
<view class="indexcontent-bottom"> <view class="indexcontent-bottom">
<u-search placeholder="请输入搜索内容" v-model="massEventsObj.title" @search="searchSou" @clear="qingkong" <u-search placeholder="请输入搜索内容" v-model="massEventsObj.title" @search="searchSou" @clear="qingkong" :searchIcon="searchImage"
showAction animation @custom="searchSou"></u-search> showAction animation @custom="searchSou"></u-search>
<template class="" v-if="contentList.length !=0"> <template class="" v-if="contentList.length !=0">
<view class="indexcontentbttom-item" v-for="item in contentList"> <view class="indexcontentbttom-item" v-for="item in contentList">
@ -28,7 +32,8 @@
</view> </view>
<view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti"> <view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti">
<view class="indexcontentbttom-item-left-1-icon"> <view class="indexcontentbttom-item-left-1-icon">
<u-icon name="map" size="18" color="#AEBAC8" class="icon"></u-icon> <!-- <u-icon name="map" size="18" color="#AEBAC8" class="icon"></u-icon> -->
<image src="@/static/images/address.png" mode="aspectFit" style="width: 15px;height: 15px;"></image>
</view> </view>
<view class="smofontsiez"> <view class="smofontsiez">
{{item.warnFactor}} {{item.warnFactor}}
@ -36,7 +41,8 @@
</view> </view>
<view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti"> <view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti">
<view class="indexcontentbttom-item-left-1-icon "> <view class="indexcontentbttom-item-left-1-icon ">
<u-icon name="clock" size="18" color="#AEBAC8" class="" class="icon"></u-icon> <!-- <u-icon name="clock" size="18" color="#AEBAC8" class="" class="icon"></u-icon> -->
<image src="@/static/images/time.png" mode="aspectFit" style="width: 15px;height: 15px;"></image>
</view> </view>
<view class="smofontsiez"> <view class="smofontsiez">
{{item.firstWarnTimeDate}} {{item.firstWarnTimeDate}}
@ -106,6 +112,7 @@
navbarValue: "群体事件", navbarValue: "群体事件",
tabValue: "群体事件-1", tabValue: "群体事件-1",
scrollTop: 0, scrollTop: 0,
searchImage: require("@/static/images/search.png"),
list1: [{ list1: [{
name: '待审核', name: '待审核',
badge: { badge: {
@ -306,8 +313,8 @@
return a.msgType - b.msgType; return a.msgType - b.msgType;
}); });
} else { } else {
console.log(this.msgTypecountTwo,"msgTypecountTwo"); // console.log(this.msgTypecountTwo,"msgTypecountTwo");
console.log(this.msgTypecount,"msgTypecount"); // console.log(this.msgTypecount,"msgTypecount");
// const isDD = this.msgTypecount.some((obj1, index) => obj1.count !== this.msgTypecountTwo[index].count) // const isDD = this.msgTypecount.some((obj1, index) => obj1.count !== this.msgTypecountTwo[index].count)
let arr = [] let arr = []
for (let i = 0; i < this.msgTypecount.length; i++) { for (let i = 0; i < this.msgTypecount.length; i++) {
@ -480,6 +487,13 @@
height: 50rpx; height: 50rpx;
} }
/deep/.u-search__content {
.u-icon__img {
width: 15px !important;
height: 15px !important;
}
}
// /deep/.u-tabs__wrapper__nav__item { // /deep/.u-tabs__wrapper__nav__item {
// position: relative; // position: relative;

Binary file not shown.

After

Width:  |  Height:  |  Size: 574 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 419 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 286 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 504 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 432 B

@ -1,7 +1,11 @@
<template> <template>
<view class="indexcontent"> <view class="indexcontent">
<u-navbar :leftText="'驾驶舱'+navbarValue+'审核'" :safeAreaInsetTop="false" @rightClick="rightClick" :autoBack="true" <u-navbar :safeAreaInsetTop="false" @rightClick="rightClick" :autoBack="true"
:placeholder="true" leftIconColor="#ffffff"> :placeholder="true" leftIconColor="#ffffff">
<view class="u-nav-slot" slot="left" style="display:flex;align-items: center;">
<image src="@/static/images/goback.png" mode="" style="width: 20px;height: 20px;margin-right: 5px;"></image>
<span style="font-size: 15px;">{{ '驾驶舱'+navbarValue+'审核' }}</span>
</view>
</u-navbar> </u-navbar>
<view class="indexcontent-box"> <view class="indexcontent-box">
@ -13,7 +17,8 @@
</view> </view>
<view class="indexcontentbttom-item-top-icon" <view class="indexcontentbttom-item-top-icon"
v-if="tabscurrentShow || (!tabscurrentShow && Objitem.titleBefore)" @click="biaotishow"> v-if="tabscurrentShow || (!tabscurrentShow && Objitem.titleBefore)" @click="biaotishow">
<u-icon name="edit-pen" size="18" color="#4379D6" class="icon"></u-icon> <!-- <u-icon name="edit-pen" size="18" color="#4379D6" class="icon"></u-icon> -->
<image src="@/static/images/change.png" mode="aspectFit" style="width: 15px;height: 15px;"></image>
<view class=""> <view class="">
{{tabscurrentShow ? '修改标题' : '查看原标题' }} {{tabscurrentShow ? '修改标题' : '查看原标题' }}
</view> </view>

@ -13,7 +13,8 @@
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left"> <view class="indexcontentbttom-item-bottom-left">
<u-icon name="file-text" size="18" color="#595F66" class="icon"></u-icon> <!-- <u-icon name="file-text" size="18" color="#595F66" class="icon"></u-icon> -->
<image src="@/static/images/filetext.png" mode="" style="width: 15px;height: 15px;"></image>
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
{{item.caseSerial}} {{item.caseSerial}}
@ -21,7 +22,8 @@
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left"> <view class="indexcontentbttom-item-bottom-left">
<u-icon name="map" size="18" color="#595F66" class="icon"></u-icon> <!-- <u-icon name="map" size="18" color="#595F66" class="icon"></u-icon> -->
<image src="@/static/images/address.png" mode="" style="width: 15px;height: 15px;"></image>
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
{{item.caseAddress}} {{item.caseAddress}}
@ -29,7 +31,8 @@
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left"> <view class="indexcontentbttom-item-bottom-left">
<u-icon name="clock" size="18" color="#595F66" class="icon"></u-icon> <!-- <u-icon name="clock" size="18" color="#595F66" class="icon"></u-icon> -->
<image src="@/static/images/time.png" mode="" style="width: 15px;height: 15px;"></image>
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
{{item.caseDate}} {{item.caseDate}}
@ -101,8 +104,8 @@
this.$store.dispatch("setstate", this.shijianList) this.$store.dispatch("setstate", this.shijianList)
console.log(this.shijianList); // console.log(this.shijianList);
console.log(this.$store.state.tijiaoList.shijianList); // console.log(this.$store.state.tijiaoList.shijianList);
}, },
getList() { getList() {

Loading…
Cancel
Save