首页修改

odc.xiaohui

2023-05-12 4b48bacef8646cee8b66f5e10b0ed7124534e93e

首页修改

 miniprogram/app.json

@@ -28,8 +28,8 @@
        "pages/manager/group/message/records/detail/index",
        "pages/user/group/index",
        "pages/user/group/message/index",
        "pages/user/group/message/publicty/index"
        
        "pages/user/group/message/publicty/index",
        "pages/user/pubulicty/detail/index"
    ],
    "usingComponents": {
        "van-button": "@vant/weapp/button/index",

 miniprogram/pages/user/index.ts

@@ -19,6 +19,12 @@
            url: '../logs/logs',
        })
    },
    detalnew(e){
        console.log(e)
        wx.navigateTo({
            url: '/pages/user/pubulicty/detail/index?id='+e.currentTarget.dataset.id,
        })
    },
    resizeVideo(e) {
        console.log(e);
        this.setData({

 miniprogram/pages/user/index.wxml

@@ -52,17 +52,20 @@
    </view>
    <view class="lists" wx:for="{{causeList}}" wx:key="id" wx:for-item="item">
    <swiper indicator-dots autoplay="{{autoplay}}" wx:if="{{item.photoStr!=null}}" current="{{swcurrent}}">
    <block  wx:for="{{item.imagarr}}" wx:for-item="i"  wx:for-index="indexs" wx:key="indexs">
    <block  wx:for="{{item.imagarr}}" wx:for-item="i"  wx:for-index="indexs" wx:key="indexs" >
        <swiper-item >
            <video class="swiper-video" onloadedmetadata="resizeVideo" bindplay="videoplay" wx:if="{{i.type=='mp4'}}" object-fit='contain'  data-pic="{{i}}"  id="{{i.url}}" src="{{i.url}}"controls   ></video>
            <image lazy-load="true" wx:else src="{{i.url}}" mode="widthFix" class="top-img"/>
            <image bindtap="detalnew" data-id="{{item.id}}" lazy-load="true" wx:else src="{{i.url}}" mode="widthFix" class="top-img"/>
        </swiper-item>
    </block>
    </swiper>
    <view  bindtap="detalnew" data-id="{{item.id}}">
        <view class="lists-top">
            <view class="lists-top-title">{{item.publicityTitle}}</view>
            <view class="lists-top-time">{{item.releaseTime}}</view>
        </view>
        <view class="lists-content">{{item.text}}</view>
        <view class="lists-content" >{{item.text}}</view>
    </view>
       
    </view>
</view>

 miniprogram/pages/user/index.wxss

@@ -185,10 +185,21 @@
    margin-left: 0.5rem;
    word-wrap: normal;
    width: 50%;
    overflow:hidden;/*内容超出后隐藏*/

    text-overflow: ellipsis;/* 超出内容显示为省略号 */

    white-space: nowrap;/* 文本不进行换行 */
}

.lists .lists-content {
    font-size: 11px;
    margin: 0.5rem;
    margin-bottom: 0.5rem;
    width: 90%;
    overflow:hidden;/*内容超出后隐藏*/

    text-overflow: ellipsis;/* 超出内容显示为省略号 */

    white-space: nowrap;/* 文本不进行换行 */
}

 miniprogram/pages/user/pubulicty/detail/index.json

New file
@@ -0,0 +1,3 @@
{
    "usingComponents": {}
}

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

New file
@@ -0,0 +1,102 @@
// pages/user/announcement/announcelist/index.ts
const userGroups = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        id:'',
        groupList:{}
    },
    getList(){
        wx.request(
            {
                url: userGroups.globalData.url + "/wx/publicity/"+this.data.id,
                method: "GET",
                header: { 'token': wx.getStorageSync('token') },
                success: (res) => {
                    console.log(res)
                    let arr= []
                    // res.data.data.media = userGroups.globalData.imageUrl+'/img/'+ res.data.data.media
                    res.data.data.photoStr =  res.data.data.photoStr.split(',')
                    res.data.data.photoStr.map(item=>{
                            let str = item.slice(-3)
                            let obj = {
                                url:userGroups.globalData.imageUrl+'/img/'+item,
                                sli:str
                            }

                         arr.push(obj) 
                    })
                    res.data.data.photoStr =arr
                    console.log(res.data.data.photoStr,arr );
                    
                    this.setData({
                        groupList: res.data.data
                    })
                    console.log(this.data.groupList);
                    
                }
            })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(e) {
        console.log(e);
        this.setData({
            id:e.id
        })
        this.getList()
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})

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

New file
@@ -0,0 +1,17 @@
<view>
    <view class="t-title">
        <p>{{groupList.publicityTitle}}</p>
    </view>
    <view class="t-time">
        {{groupList.releaseTime}}
    </view>
    <view wx:for="{{groupList.photoStr}}" wx:key="id">
           
        <video class="t-video" wx:if="{{item.sli =='mp4'}}" src="{{item.url}}"></video>
        <van-image wx:else width="100%" height="100%" fit="widthFix" src="{{item.url}}" />
        
    </view>
    <view class="t-text">
        {{groupList.text}}
    </view>
</view>

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

New file
@@ -0,0 +1,15 @@
/* pages/user/announcement/announcelist/index.wxss */
.t-title{
    text-align: center;
    font-size: 20px;
    font-weight: 900;
}
.t-time{
    text-align: center;
}
.t-text{
    padding-bottom: 1.5rem;
}
.t-video{
    width: 100%;
}

 miniprogram/pages/user/pubulicty/index.ts

@@ -14,6 +14,12 @@
        console.log(e);
        
    },
    detalnew(e){
        console.log(e)
        wx.navigateTo({
            url: '/pages/user/pubulicty/detail/index?id='+e.currentTarget.dataset.id,
        })
    },
    getMobile(){
     // 获取手机号
     wx.request(  

 miniprogram/pages/user/pubulicty/index.wxml

@@ -13,15 +13,18 @@
    <block  wx:for="{{item.imagarr}}" wx:for-item="i"  wx:for-index="indexs" wx:key="indexs">
        <swiper-item >
            <video class="swiper-video" bindplay="videoplay" wx:if="{{i.type=='mp4'}}" object-fit='contain'  data-pic="{{i}}"  id="myVideo+indexs" src="{{i.url}}"controls   ></video>
            <image lazy-load="true" wx:else src="{{i.url}}" mode="widthFix" class="top-img"/>
            <image bindtap="detalnew" data-id="{{item.id}}" lazy-load="true" wx:else src="{{i.url}}" mode="widthFix" class="top-img"/>
        </swiper-item>
    </block>
    </swiper>
            <view class="lists-top">
    <view bindtap="detalnew" data-id="{{item.id}}">
        <view class="lists-top">
                <view class="lists-top-title">{{item.publicityTitle}}</view>
                <view class="lists-top-time">{{item.releaseTime}}</view>
            </view>
            <view class="lists-content">{{item.text}}</view>
    </view>
          
        </view>
    </view>
        <!-- <view  class="buttonView" wx:if="{{cardFig}}">

 miniprogram/pages/user/pubulicty/index.wxss

@@ -51,19 +51,32 @@
    margin-bottom: 1%;
    color: rgba(0, 0, 0, 0.5);
    margin-right: 0.5rem;
    /* width: 100%; */
}

.lists .lists-top .lists-top-title {
    font-size: 14px;
    margin-right: 40%;
    /* margin-right: 40%; */
    font-weight: bold;
    margin-left: 0.5rem;
    /* margin-left: 0.5rem; */
    width: 35%;
    overflow:hidden;/*内容超出后隐藏*/

    text-overflow: ellipsis;/* 超出内容显示为省略号 */

    white-space: nowrap;/* 文本不进行换行 */
}

.lists .lists-content {
    font-size: 11px;
    margin: 0.5rem;
    margin-bottom: 0.5rem;
    width: 90%;
    overflow:hidden;/*内容超出后隐藏*/

    text-overflow: ellipsis;/* 超出内容显示为省略号 */

    white-space: nowrap;/* 文本不进行换行 */
}
.lists .swiper-video{
    height: 100%;