修改图片轮播

odc.xiaohui

2023-03-06 a8cf20bd911709571446d20fb619ff5e9ebe4eee

修改图片轮播

 miniprogram/app.json

@@ -32,7 +32,10 @@
    "van-button": "@vant/weapp/button/index",
    "van-empty": "@vant/weapp/empty/index",
    "van-cell": "@vant/weapp/cell/index",
     "van-cell-group": "@vant/weapp/cell-group/index"
     "van-cell-group": "@vant/weapp/cell-group/index",
     "van-grid": "@vant/weapp/grid/index",
  "van-grid-item": "@vant/weapp/grid-item/index",
  "van-icon": "@vant/weapp/icon/index"
  },
  "window": {
    "backgroundTextStyle": "light",

 miniprogram/app.ts

@@ -1,10 +1,10 @@
// app.ts
App({
  globalData: {
    //    url:'https://qyqjzdd.cdqingyang.gov.cn/qyjz',
       url:'http://192.168.3.220:8080',
       url:'https://qyqjzdd.cdqingyang.gov.cn/qyjz',
    //    url:'http://192.168.3.220:8080',
    //    url:'http://221.237.182.28:8443/api',
       imageUrl:'http://qyqjzdd.cdqingyang.gov.cn/minio'
       imageUrl:'https://qyqjzdd.cdqingyang.gov.cn/minio'
},
  onLaunch() {
    // 展示本地存储能力

 miniprogram/pages/manager/index.wxml

@@ -1,16 +1,15 @@
<!--index.wxml-->
<view class="container">
    <view class="imageView" >
    <!-- <div style="width: 100%;background-color: blue;" class="indexImage"></div> -->
        <!-- <image style="width: 100%;" class="indexImage" src="../../image/5f9c1ee836fbee333ca3a0088e53d2f.png"></image> -->
<view class="manager">
    <view class="imageView">
        <image style="width:100%;" class="indexImage" src="../../image/test3.jpg"></image>
        <!-- <text class="font-name">青阳经侦</text> -->
    </view>
    <view>
    <view class="container3">
        <view class="box1" bindtap="getReport">
            <image class="icon" src="../icon/13_shouquan.png"></image>
            <text class="font-wenzi">报案详情</text>
        </view>
        <view class="box2" bindtap="getGroup">
        <view class="box1" bindtap="getGroup">
            <image class="icon" src="../icon/16_jinhuodl.png"></image>
            <text class="font-wenzi">群组聊天</text>
        </view>
@@ -20,11 +19,11 @@
        </view> -->
    </view>
    <view class="container3">
        <view class="box3" bindtap="getCause">
        <view class="box1" bindtap="getCause">
            <image class="icon" src="../icon/18_sucai.png"></image>
            <text class="font-wenzi">案件管理</text>
        </view>
        <view class="box4" bindtap="getAudi">
        <view class="box1" bindtap="getAudi">
            <image class="icon" src="../icon/3_xiaji.png"></image>
            <text class="font-wenzi">个人中心</text>
        </view>

 miniprogram/pages/manager/index.wxss

@@ -10,10 +10,7 @@
    /* margin-bottom: 100%; */
}
.imageView{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
   
}
/* 首页图标
.reportIcon{
@@ -34,7 +31,7 @@
.icon{
    height: 30px;
    width: 30px;
    margin-top: 15px;
    /* margin-top: 15px; */
    margin-left: 20px;
}
.container{
@@ -42,19 +39,21 @@
}

.box1{
    float:left;
    display: flex;
    align-items: center;
    /* float:left;
    margin-top: 50%;
    margin-left: -8%;
    margin-left: -8%; */
    /* margin-right: 15px; */
    height: 70px;
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2);
}
.box2{
    float:right;
    /* float:right;
    height: 70px;
    margin-top: 50%;
    margin-right: -8%;
    margin-right: -8%; */
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2);
}
@@ -65,9 +64,9 @@
    height: 70px;
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2); */
    float:left;
    /* float:left; */
    /* margin-top: 50%; */
    margin-left: -8%;
    /* margin-left: -8%; */
    /* margin-right: 15px; */
    height: 70px;
    width: 145px;
@@ -79,15 +78,17 @@
    height: 70px;
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2); */
    float:right;
    /* float:right; */
    height: 70px;
    /* margin-top: 50%; */
    margin-right: -8%;
    /* margin-right: -8%; */
    width: 145px;
    border: 1px  solid rgba(0,0,0,0.2);
}
.container3{
    margin-top: 10px;
    display: flex;
    justify-content: space-evenly;
}
.font-wenzi{
    margin-left: 20px;

 miniprogram/pages/manager/report/detail/index.wxml

@@ -56,7 +56,7 @@
        <view class="font-wenzi">关联案件</view>
    </view>
    <view class="button">
        <!-- <button size="mini" class="button2" bindtap="deny">驳 回</button> -->
        <button size="mini" class="button3" bindtap="deny">驳 回</button>
        <button class="button2" size="mini" bindtap="pass">通 过</button>
        <button class="button1" size="mini" bindtap="cancel">取 消</button>
    </view>

 miniprogram/pages/manager/report/detail/index.wxss

@@ -1,5 +1,6 @@
/**index.wxss**/
.list1{
    padding: 0 1rem;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
@@ -21,15 +22,24 @@
 margin-left: 15%;
}
.button1{
    margin-left:50%;
    /* margin-left:50%; */
    color: black;
    font-size: 14px;
    font-weight:normal;
    font-style: normal;
    background:rgba(255, 255, 255, 0.7);
    border: black solid 1px;
    border: #ccc solid 1px;
}
.button3{
    margin-right: 1rem;
    background: red;
    font-size: 14px;
    font-weight:normal;
    font-style: normal;
    color: #ffffff;
}
.button2{
    margin-right: 1rem;
    background: #6699ff;
    font-size: 14px;
    font-weight:normal;

 miniprogram/pages/user/index.ts

@@ -4,9 +4,11 @@

Page({
    data: {
        swcurrent: 0,
        isShow: false,
        userInfo: {},
        causeList: []
        causeList: [],
        images: []
    },
    // 事件处理函数
    bindViewTap() {
@@ -28,10 +30,18 @@
                method: "GET",
                header: { 'token': wx.getStorageSync('token') },
                success: (res) => {
                    console.log(res)
                    this.setData({
                        causeList: res.data.data

                    res.data.data.map(i => {
                        if (i.photoStr != null) {
                            i.photoStr = i.photoStr.split(",").map(i => user.globalData.imageUrl + "/img/" + i),
                                this.data.images = i.photoStr
                        }
                    })
                    this.setData({
                        causeList: res.data.data,
                    })


                }
            })
    },

 miniprogram/pages/user/index.wxml

@@ -36,7 +36,14 @@
        <view class="font-wenzi1">公共宣传</view>
        <view class="more" bindtap="more">更多 >></view>
    </view>
    <view class="lists" wx:for="{{causeList}}" wx:key="id">
    <view class="lists" wx:for="{{causeList}}" wx:key="id" wx:for-item="item">
    <swiper indicator-dots autoplay wx:if="{{item.photoStr!=null}}" current="{{swcurrent}}">
    <block  wx:for="{{item.photoStr}}" wx:for-item="i"  wx:for-index="indexs" wx:key="indexs">
        <swiper-item >
            <image lazy-load="true" src="{{i}}" mode="widthFix" class="top-img"/>
        </swiper-item>
    </block>
    </swiper>
        <view class="lists-top">
            <view class="lists-top-title">{{item.publicityTitle}}</view>
            <view class="lists-top-time">{{item.releaseTime}}</view>

 miniprogram/pages/user/index.wxss

@@ -164,7 +164,9 @@
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
}

.top-img{
    width: 100%;
}
.lists .lists-top {
    display: flex;
    justify-content: space-between;

 miniprogram/pages/user/pubulicty/index.ts

@@ -4,6 +4,7 @@

Page({
    data: {
        swcurrent: 0,
        causeList: [],
        isShow: false
    },
@@ -15,7 +16,13 @@
                method: "GET",
                header: { 'token': wx.getStorageSync('token') },
                success: (res) => {
                    console.log(res)

                    res.data.data.map(i => {
                        if (i.photoStr != null) {
                            i.photoStr = i.photoStr.split(",").map(i => userCause.globalData.imageUrl + "/img/" + i),
                                this.data.images = i.photoStr
                        }
                    })
                    this.setData({
                        causeList: res.data.data
                    })

 miniprogram/pages/user/pubulicty/index.wxml

@@ -5,7 +5,15 @@
        <!-- <text class="font-name">青阳经侦</text> -->
    </view>
    <view class="content" style="width:100%;">

        <view class="lists" wx:for="{{causeList}}" wx:key="id">
            <swiper indicator-dots autoplay wx:if="{{item.photoStr!=null}}" current="{{swcurrent}}">
    <block  wx:for="{{item.photoStr}}" wx:for-item="i"  wx:for-index="indexs" wx:key="indexs">
        <swiper-item >
            <image lazy-load="true" src="{{i}}" mode="widthFix" class="top-img"/>
        </swiper-item>
    </block>
    </swiper>
            <view class="lists-top">
                <view class="lists-top-title">{{item.publicityTitle}}</view>
                <view class="lists-top-time">{{item.releaseTime}}</view>

 miniprogram/pages/user/pubulicty/index.wxss

@@ -1,7 +1,9 @@
.imageView {
    width: 100%;
}

.top-img{
    width: 100%;
}
.container {
    width: 100%;
}

 miniprogram/pages/user/report/detail/index.ts

@@ -1,4 +1,7 @@
// index.ts

import { imageProps } from "miniprogram/miniprogram_npm/@vant/weapp/uploader/shared"

// 获取应用实例
const userDetail = getApp()

@@ -17,31 +20,31 @@
    })
},
 
    onLoad(e) {
        wx.request(
     onLoad(e) {
       wx.request(
            {
                url: userDetail.globalData.url+"/report/" + e.id,
                url: userDetail.globalData.url + "/report/" + e.id,
                method: "GET",
                header: { 'token': wx.getStorageSync('token') },
                success: (res) => {
                    console.log(res)
                    if(res.data.data.reportMaterials!=null){
                    if (res.data.data.reportMaterials != null) {
                        this.setData({
                            images:res.data.data.reportMaterials.split(",")
                            images: res.data.data.reportMaterials.split(",").map(i=>userDetail.globalData.imageUrl + "/img/" +i)
                        })
                    }
                    this.setData({
                        reportDetail: res.data.data
                    })
                    for (let index = 0; index < this.data.images.length; index++) {
                        if(this.data.images!=null&&this.data.images[index]!=""&&this.data.images!=undefined){
                            this.data.images[index]=userDetail.globalData.imageUrl+"/img/"+this.data.images[index]
                        }  
                    }
                    this.setData({
                        images:this.data.images
                    })
                    console.log(this.data.images);
                    // for (let index = 0; index < this.data.images.length; index++) {
                    //     if (this.data.images != null && this.data.images[index] != "" && this.data.images != undefined) {
                    //         this.data.images[index] = userDetail.globalData.imageUrl + "/img/" + this.data.images[index]
                    //     }
                    // }
                    // this.setData({
                    //     images: this.data.images
                    // })
                    console.log(this.data.images)
                }
            })


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

@@ -25,8 +25,8 @@
    </view>
    <view class="list1">
        <view class="font-wenzi">报案材料</view>
        <view class="imagess"  wx:for="{{images}}" wx:key="index" >
         <image class="image" style="width: 100%;" src="{{item}}" mode="aspectFill"></image>
        <view class="imagess"  wx:for="{{images}}" wx:key="index"  wx:for-item="item">
         <image class="image" lazy-load="true" style="width: 100%;" src="{{item}}" mode="aspectFill"></image>
        </view>
    </view>


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

@@ -1,5 +1,7 @@
/**index.wxss**/
.list1{
    margin: 1rem 0 ;
    padding: 0 1rem;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

 miniprogram/pages/user/report/index.wxml

@@ -6,7 +6,8 @@
                <view class="inGroup" wx:if="{{item.isInGroup==1}}">已进群</view>
                <view class="noInGroup" wx:if="{{item.isInGroup==0}}">未进群</view>
                <view class="font-name"> {{item.reportDescription}} </view>
                <view class="font-wenzi">></view>
                <!-- <view class="font-wenzi">></view> -->
                <van-icon name="arrow"  class="font-wenzi"/>
                <view class="font-qita"> {{item.ctime}} </view>
            </view>
        </view>

 miniprogram/pages/user/report/index.wxss

@@ -19,11 +19,12 @@

.font-qita {
    font-size: 13px;
    margin-bottom: 2%;
    margin-bottom: 1rem;
    margin-left: 2%;
}

.conter {
    margin-top: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


 miniprogram/pages/user/report/submitReport/index.wxss

@@ -38,7 +38,7 @@
    font-weight:normal;
    font-style: normal;
    background-color: white;
    border: 1px solid #000000;
    border: 1px solid #CCC;
}
.button2{
    background: #6699ff;