优化图标显示

This commit is contained in:
wuxw 2022-10-27 14:23:37 +08:00
parent 4fd72eef2e
commit 90a681ae09
2 changed files with 145 additions and 143 deletions

View File

@ -33,156 +33,156 @@
</view>
</view>
</view>
</view>
<view class="cu-modal" :class="callPropertyModal==true?'show':''">
<view class="cu-dialog">
<view class="cu-bar bg-white justify-end">
<view class="content">拨打电话</view>
<view class="action" @tap="_cancleCall()">
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl">
您确认拨打,{{property.communityName}}物业客服电话<br />{{property.sCommunityTel}}
</view>
<view class="cu-bar bg-white justify-end">
<view class="action margin-0 flex-sub solid-left" @tap="_cancleCall()">取消</view>
<view class="action margin-0 flex-sub text-green solid-left" @tap="_doCall()">拨号</view>
</view>
</view>
</view>
<view class="cu-modal" :class="callPropertyModal==true?'show':''">
<view class="cu-dialog">
<view class="cu-bar bg-white justify-end">
<view class="content">拨打电话</view>
<view class="action" @tap="_cancleCall()">
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl">
您确认拨打,{{property.communityName}}物业客服电话<br />{{property.sCommunityTel}}
</view>
<view class="cu-bar bg-white justify-end">
<view class="action margin-0 flex-sub solid-left" @tap="_cancleCall()">取消</view>
<view class="action margin-0 flex-sub text-green solid-left" @tap="_doCall()">拨号</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
hasOwner
} from '../../api/owner/ownerApi.js';
import {
hasLogin
} from '../../lib/java110/page/Page.js';
import {
getProperty
} from '../../api/property/propertyApi.js';
<script>
import {
hasOwner
} from '../../api/owner/ownerApi.js';
import {
hasLogin
} from '../../lib/java110/page/Page.js';
import {
getProperty
} from '../../api/property/propertyApi.js';
export default {
name: "indexMenu",
data() {
return {
home_list: [],
serve_list: [],
callPropertyModal: false,
serve_list: [],
callPropertyModal: false,
property: {},
new_list: [{
src: this.imgUrl+'/h5/images/serve/new1.png',
name: '新手指引',
desc: '新手指引',
href:''
src: this.imgUrl + '/h5/images/serve/new1.png',
name: '报事报修',
desc: '一键维修',
href: '/pages/repair/repair'
},
{
src: this.imgUrl+'/h5/images/serve/new2.png',
src: this.imgUrl + '/h5/images/serve/new2.png',
name: '联系物业',
desc: '一键搞定',
href:'_callPropertyTel'
desc: '一键搞定',
href: '_callPropertyTel'
},
],
};
},
created() {
this._loadFunc();
},
methods:{
_loadFunc:function(){
this.home_list = [{
name: '生活缴费',
src: this.imgUrl+'/h5/images/serve/1.png',
href: '/pages/oweFee/oweFee'
},
{
name: '家庭成员',
src: this.imgUrl+'/h5/images/serve/2.png',
href: '/pages/familyList/familyList'
},
{
name: '报事维修',
src: this.imgUrl+'/h5/images/serve/6.png',
href: '/pages/repair/repair'
},
],
this.serve_list = [{
name: '一键开门',
src: this.imgUrl+'/h5/images/serve/8.png',
href: '/pages/openDoor/openDoor'
},
{
name: '装修报备',
src: this.imgUrl+'/h5/images/serve/10.png',
href: '/pages/roomRenovation/roomRenovation'
},
{
name: '访客通行',
src: this.imgUrl+'/h5/images/serve/3.png',
href: '/pages/visit/visitList'
},
{
name: '社区公告',
src: this.imgUrl+'/h5/images/serve/7.png',
href: '/pages/notice/index'
},
]
},
to:function(v) {
if (v.href == '_callPropertyTel') {
},
created() {
this._loadFunc();
},
methods: {
_loadFunc: function() {
this.home_list = [{
name: '社区公告',
src: this.imgUrl + '/h5/images/serve/7.png',
href: '/pages/notice/index'
},
{
name: '家庭成员',
src: this.imgUrl + '/h5/images/serve/2.png',
href: '/pages/familyList/familyList'
},
{
name: '访客通行',
src: this.imgUrl + '/h5/images/serve/3.png',
href: '/pages/visit/visitList'
},
],
this.serve_list = [{
name: '生活缴费',
src: this.imgUrl + '/h5/images/serve/1.png',
href: '/pages/oweFee/oweFee'
},
{
name: '房屋费',
src: this.imgUrl + '/h5/images/serve/5.png',
href: '/pages/roomFeeListNew/roomFeeListNew'
},
{
name: '停车费',
src: this.imgUrl + '/h5/images/serve/9.png',
href: '/pages/payParkingFeeList/payParkingFeeList'
},
{
name: '一键开门',
src: this.imgUrl + '/h5/images/serve/8.png',
href: '/pages/openDoor/openDoor'
},
]
},
to: function(v) {
if (v.href == '_callPropertyTel') {
this.callPropertyTel();
} else {
this.vc.navigateTo({
url: v.href
this.vc.navigateTo({
url: v.href
});
}
},
callPropertyTel: function() { //
let _that = this;
if (!hasLogin()) {
this.vc.navigateTo({
url: '../showlogin/showlogin'
});
return;
}
hasOwner();
uni.getStorage({
key: 'ownerInfo',
success: function(res) {
_that.property = res.data;
_that.callPropertyModal = true;
}
});
},
_doCall: function() {
let _that = this;
uni.makePhoneCall({
//
phoneNumber: _that.property.sCommunityTel,
//
success: (res) => {
console.log('调用成功!')
},
//
fail: (res) => {
console.log('调用失败!')
}
});
},
_cancleCall: function() {
this.callPropertyModal = false;
},
more:function() {
uni.switchTab({
url: '/pages/homemaking/homemaking'
})
}
},
callPropertyTel: function() { //
let _that = this;
if (!hasLogin()) {
this.vc.navigateTo({
url: '../showlogin/showlogin'
});
return;
}
hasOwner();
uni.getStorage({
key: 'ownerInfo',
success: function(res) {
_that.property = res.data;
_that.callPropertyModal = true;
}
});
},
_doCall: function() {
let _that = this;
uni.makePhoneCall({
//
phoneNumber: _that.property.sCommunityTel,
//
success: (res) => {
console.log('调用成功!')
},
//
fail: (res) => {
console.log('调用失败!')
}
});
},
_cancleCall: function() {
this.callPropertyModal = false;
},
more: function() {
uni.switchTab({
url: '/pages/homemaking/homemaking'
})
}
}
}
</script>
@ -261,19 +261,20 @@
.home_item:last-child {
margin-right: 0;
}
}
.new_box {
background: #fff;
padding: 20upx;
margin-bottom: 20upx;
.new_wrap {
display: flex;
align-items: center;
justify-content: center;
}
.new_item {
position: relative;
display: inline-block;
@ -282,33 +283,32 @@
width: calc((100% - 40upx) / 2);
background: #f5f5f5;
border-radius: 5upx;
.new_font {
z-index: 2;
}
.name {
font-size: 28upx;
font-weight: 600;
color: #333;
text-align: left;
}
.text {
font-size: 24upx;
font-weight: 400;
color: #999;
}
image {
width: 160upx;
height: 120upx;
}
}
.new_item:last-child {
margin-right: 0;
}
}
</style>

View File

@ -56,11 +56,13 @@
name: '生活缴费',
src: this.imgUrl+'/h5/images/serve/1.png',
href: '/pages/oweFee/oweFee'
},{
name: '临时车费',
src: this.imgUrl+'/h5/images/serve/1.png',
href: '/pages/tempParkingFee/tempParkingFee?paId=102022101773780027&communityId=2022081539020475&appId=123&aliAppId=12345'
}, {
},
// {
// name: '',
// src: this.imgUrl+'/h5/images/serve/1.png',
// href: '/pages/tempParkingFee/tempParkingFee?paId=102022101773780027&communityId=2022081539020475&appId=123&aliAppId=12345'
// },
{
name: '房屋费',
src: this.imgUrl+'/h5/images/serve/5.png',
href: '/pages/roomFeeListNew/roomFeeListNew'