修改样式

odc.xiaohui

2023-03-03 354826a1b2349f4ded8e71d1b7d448abf53fd21b

修改样式

 miniprogram/app.wxss

@@ -5,6 +5,6 @@
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  /* padding: 200rpx 0; */
  box-sizing: border-box;
} 

 miniprogram/image/test3.jpg

 miniprogram/pages/manager/index.wxml

@@ -1,7 +1,8 @@
<!--index.wxml-->
<view class="container">
    <view class="imageView" >
        <image style="width: 100%;" class="indexImage" src="../../image/5f9c1ee836fbee333ca3a0088e53d2f.png"></image>
    <!-- <div style="width: 100%;background-color: blue;" class="indexImage"></div> -->
        <!-- <image style="width: 100%;" class="indexImage" src="../../image/5f9c1ee836fbee333ca3a0088e53d2f.png"></image> -->
        <!-- <text class="font-name">青阳经侦</text> -->
    </view>
    <view>

 miniprogram/pages/user/index.wxml

@@ -1,20 +1,28 @@
<!--index.wxml-->
<view class="container">
    <view  class="imageView">
        <image  style="width:100%;"  class="indexImage" src="../../image/5f9c1ee836fbee333ca3a0088e53d2f.png"></image>
        <image  style="width:100%;"  class="indexImage" src="../../image/test3.jpg"></image>
        <!-- <text class="font-name">青阳经侦</text> -->
    </view>
    <view>
    <view class="box-title">
        <view class="box1" bindtap="getGroup">
            <image class="icon" src="../icon/16_jinhuodl.png"></image>
            <text class="font-wenzi">群组聊天</text>
        </view>
        <view class="box2" bindtap="getPublicty">
        <view class="box1" bindtap="getPublicty">
            <image class="icon" src="../icon/25_zhanghumx.png"></image>
            <text class="font-wenzi">公共宣传</text>
        </view>
        <view class="box1" bindtap="getReport">
            <image class="icon" src="../icon/9-报案管理.png"></image>
            <text class="font-wenzi">我要报案</text>
    </view>
    <view class="container3">
        <view class="box1" bindtap="getAudi">
            <image class="icon" src="../icon/3_xiaji.png"></image>
            <text class="font-wenzi">个人中心</text>
        </view>
    </view>
    <!-- <view class="container3">
        <view class="box3" bindtap="getReport">
            <image class="icon" src="../icon/9-报案管理.png"></image>
            <text class="font-wenzi">我要报案</text>
@@ -23,7 +31,7 @@
            <image class="icon" src="../icon/3_xiaji.png"></image>
            <text class="font-wenzi">个人中心</text>
        </view>
    </view>
    </view> -->
    <view class="list">
        <view class="content" bindtap="more">更多 > ></view>
        <view class="font-wenzi1">公共宣传</view>

 miniprogram/pages/user/index.wxss

@@ -10,10 +10,11 @@
    /* margin-bottom: 100%; */
}
.imageView{
    position:absolute;
    width: 100%;
    /* position:absolute;
    top: 0;
    left: 0;
    right: 0;
    right: 0; */
}
/* 首页图标
.reportIcon{
@@ -35,49 +36,63 @@
    height: 30px;
    width: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-left: 0.7rem;
}
.container{
    width: 100%;
}

.box-title{
    display: flex;
}
.box1{
    display:inline-grid;
    align-items:center;
    justify-content: center;
    float:left;
    margin-top: 50%;
    margin-left: -8%;
    /* margin-top: 50%; */
    /* margin-left: -5%; */
    /* margin-right: 15px; */
    height: 70px;
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2);
    width: 100px;
    /* border: 1px  solid rgba(0,0,0,0.2); */
}
.box2{
    display:inline-grid;
    align-items:center;
    justify-content: center;
    float:right;
    height: 70px;
    margin-top: 50%;
    margin-right: -8%;
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2);
    /* border: 1px  solid rgba(0,0,0,0.2); */
}
.box3{
    display:inline-grid;
    align-items:center;
    justify-content: center;
    float:left;
    /* margin-right: 15px; */
    margin-left: -8%;
    height: 70px;
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2);
    /* border: 1px  solid rgba(0,0,0,0.2); */
}
.box4{
    display:inline-grid;
    align-items:center;
    justify-content: center;
    float:right;
    margin-right: -8%;
    height: 70px;
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2);
    /* border: 1px  solid rgba(0,0,0,0.2); */
}
.container3{
    margin-top: 10px;
}
.font-wenzi{
    margin-left: 20px;
    /* margin-left: 20px; */
    font-size:13px;
}

@@ -122,6 +137,7 @@
    
}
.lists{
    margin-top: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    width: 100%;
}

 miniprogram/pages/user/myself/detail/index.wxml

@@ -1,22 +1,28 @@
<!--index.wxml-->
<view>
    <view class="title"> 
基础信息
</view>
    <view class="list1">
        <view class="font-wenzi">姓名：</view>
        <view class="content">{{reportList.realName}}</view>
        <view class="font-wenzi">姓名</view>
    </view>
    <view class="list1">
        <view class="font-wenzi">身份证：</view>
        <view class="content">{{reportList.userIdcard||''}}</view>
    </view>
    <view class="title"> 
常用信息
</view>
    <view class="list1">
        <view class="font-wenzi">手机号码：</view>
        <view class="content">{{reportList.userMobile}}</view>

    </view>
    <view class="list1">
        <view wx:if="{{reportList.pic==null||reportList.pic==''}}" class="content" bindtap="face">未上传</view>
        <view wx:else="{{reportList.pic!=null}}" class="content" bindtap="face">查看</view>
        <view class="font-wenzi">头像采集</view>
    </view>
    <view class="list1">
        <view class="content">{{reportList.userMobile}}</view>
        <view class="font-wenzi">手机号码</view>
    </view>
    <view class="list1">
        <view class="content">{{reportList.userIdcard}}</view>
        <view class="font-wenzi">身份证</view>
        <view wx:if="{{reportList.pic==null||reportList.pic==''}}" class="content headPortrait" bindtap="face">未上传</view>
        <view wx:else="{{reportList.pic!=null}}" class="content headPortrait" bindtap="face">查看</view>

    </view>


 miniprogram/pages/user/myself/detail/index.wxss

@@ -1,17 +1,33 @@
/**index.wxss**/
.title{
    margin-top: 1rem;
    font-size: 18px;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
    font-weight: 700;
}
.list1{
    font-size: 14px;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
    display: flex;
    font-size: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-top: 1rem;
}
.font-wenzi{
   
    margin-bottom: 4px;
}
.content{
    margin-top: 4px;
    /* margin-top: 4px; */
    float: right;
    font-size: 12px;
    font-size: 16px;
    color:rgba(0,0,0,0.7);
}
.headPortrait{
    margin-left: 0.5rem;
    color: blue;
}
.font-wenzi1{
    font-size: 13px;
    margin-bottom: 20px;