Browse Source

联系我们样式修改

master
@AliceXiaoZhan 4 years ago
parent
commit
a99cc239da
  1. 4
      pages/contactUs/contactUs.wxml
  2. 7
      pages/contactUs/contactUs.wxss

4
pages/contactUs/contactUs.wxml

@ -4,14 +4,14 @@
<view class="container"> <view class="container">
<view class="contact_info" style="margin-top: 6rpx;"> <view class="contact_info" style="margin-top: 6rpx;">
<van-icon name="manager" color="white" /> <van-icon name="manager" color="white" />
<text style="float: right; margin-top: 0rpx;" decode="true">{{phone}}</text> <text style="margin-top: 0rpx;" decode="true">{{phone}}</text>
</view> </view>
<view class="contact_info"> <view class="contact_info">
<van-icon name="phone" color="white" /> <van-icon name="phone" color="white" />
<text>公司电话:{{tel}}</text> <text>公司电话:{{tel}}</text>
</view> </view>
<view class="contact_info"> <view class="contact_info">
<van-icon style="position: relative; top: -45rpx;" name="location" color="white" /> <van-icon name="location" color="white" />
<text>公司地址:{{address}}</text> <text>公司地址:{{address}}</text>
</view> </view>

7
pages/contactUs/contactUs.wxss

@ -19,16 +19,21 @@ margin: 0 26rpx 0 0;
line-height: 48rpx; line-height: 48rpx;
} }
.contact_info { .contact_info {
position: relative;
padding: 25rpx 45rpx 0; padding: 25rpx 45rpx 0;
font-size: 26rpx; font-size: 26rpx;
color: #333; color: #333;
clear: both; clear: both;
} }
van-icon {
position: absolute;
top: 25rpx;
}
.contact_info text { .contact_info text {
line-height: 48rpx; line-height: 48rpx;
display: inline-block; display: inline-block;
width: 580rpx; width: 580rpx;
margin-left: 70rpx;
} }
map { map {
width: 100%; width: 100%;

Loading…
Cancel
Save