[图片]

[图片]

wxml <!--index.wxml--> <!--轮播图滚动效果--> <view class="head">   <input type="text" placeholder="请输入需要搜索的内容"></input> </view> <swiper indicator-dots autoplay interval="5000" duration="500">   <block wx:for="{{swiperImg}}" wx:key="swiper{{index}}">     <swiper-item>       <image         src="{{item.src}}"         class="slide-image" />     </swiper-item>   </block> </swiper> <!--新闻列表--> <view id="news-list"> <view class="list-item" wx:for="{{newslist}}" wx:for-item="news" wx:key="{{news.id}}">     <image     src="{{news.poster}}"></image>    <text bindtap = "goToDetail" data-id="{{news.id}}">❈ {{news.title}}      ————{{news.add_date}}</text> </view> </view> WXSS .head{   background-color: #707070;   height: 50px;   overflow: hidden; } .head input{   width: 80%;   background-color: #fff;   height: 30px;   margin-top: 10px;   margin-left: auto;   margin-right: auto;   border-radius: 21px;   font-size: 12px;   padding-left: 6px;   padding-right: 6px; } /*轮播图组件*/ swiper{   height: 400rpx; } /*轮播图图片*/ swiper image{   width: 100%;   height: 100%; } json {   "usingComponents": {} } JS // index.js var common = require('../../utils/common.js') Page({   /**    * 页面的初始数据    */   data: {     //轮播图素材     swiperImg:[       {src:'http://www.zjbc.edu.cn/_upload/article/images/b3/9f/5e88b71e4e4685fef239e199450f/9a1c6928-8bd9-44fc-87ce-350b937df0b4.jpg'},       {src:'http://www.zjbc.edu.cn/_upload/article/images/8e/36/87c3965f47159fcc2aef795f28a6/ef374663-4d8d-4c60-be25-10849d24ec13.jpg'},       {src:'http://www.zjbc.edu.cn/_upload/article/images/ac/f4/81f582084f97acfbb6d4fe480621/a751b2ac-643d-4b04-aa7a-6f49607789a5.jpg'}     ]   },   /**    * 自定义函数--跳转    */   goToDetail: function (e) {     //获取新闻id     let id = e.currentTarget.dataset.id     //跳转新页面     wx.navigateTo({       url: '../detail/detail?id='+id,     })        },   /**    * 生命周期函数--监听页面加载    */   onLoad: function (options) {     // 获取新闻列表     let list = common.getNewsList()     //更新新闻列表     this.setData({       newslist:list     })   },   /**    * 生命周期函数--监听页面初次渲染完成    */   onReady: function () {        },   /**    * 生命周期函数--监听页面显示    */   onShow: function () {        },   /**    * 生命周期函数--监听页面隐藏    */   onHide: function () {        },   /**    * 生命周期函数--监听页面卸载    */   onUnload: function () {        },   /**    * 页面相关事件处理函数--监听用户下拉动作    */   onPullDownRefresh: function () {        },   /**    * 页面上拉触底事件的处理函数    */   onReachBottom: function () {        },   /**    * 用户点击右上角分享    */   onShareAppMessage: function () {        } }) 只实现了搜索框这个样式在首页出现，但是实际的搜索功能如何实现？

JS Page({   /**    * 页面的初始数据    */   data: {     //临时微信用户头像昵称     nickName:"未登录",     src:'/images/myicon.jpg',     //临时新闻数据 newsList:[   {     id:'1000',     title:'虎年新春第一天校领导慰问在岗教职工', poster:'http://www.zjbc.edu.cn/_upload/article/images/00/45/7f3a5778462ebcddd25f57e0ce79/58c2e34d-8640-429a-8f4f-d81b496059f9.jpg',     add_date:'2022-02-01'   },   {     id:'1001',     title:'校领导看望慰问留校外籍师生', poster:'http://www.zjbc.edu.cn/_upload/article/images/92/93/15ec465749cc91c16cf7b49937f6/e3ced86b-97b5-4343-b9da-b12c0d978c83.jpg',     add_date:'2022-01-29'   },   {     id:'1002',     title:'校领导春节前夕走访慰问离退休老同志', poster:'http://www.zjbc.edu.cn/_upload/article/images/a0/11/72b3fed54459abd4ebc7b46e0ede/5a874f6e-1621-4125-b13e-14215aa88f48.jpg',     add_date:'2022-01-27'   },   {     id:'1003',     title:'我校学生支援萧山区疫情防控工作', poster:'http://www.zjbc.edu.cn/_upload/article/images/9c/00/3019788649069d3a4d5fe9353ea7/1a6c6496-278b-4126-a64e-d64c11f5325f.png',     add_date:'2022-01-27'   },   {     id:'1004',     title:'我校举行“辞牛年迎虎年”留学生小年夜游园会活动', poster:'http://www.zjbc.edu.cn/_upload/article/images/b1/c6/cf96da89429ca89176b354c239ee/ed19c4e7-0e9b-4db7-92cd-e0a884d3e565.jpg',     add_date:'2022-01-26'   },   {     id:'1005',     title:'校党委召开党史学习教育专题民主生活会', poster:'http://www.zjbc.edu.cn/_upload/article/images/8f/03/e33f1c1244acb797e1cdeee4ef8d/237f4911-55e2-48ab-a2c1-f0a5f353c267.jpg',     add_date:'2022-01-24'   } ]   },    /**    * 自定义函数--获取用户信息    */   getMyInfo: function (e) {        let info = e.detail.userInfo     this.setData({       isLogin:true,       src:info.avatarUrl,       nickName:info.nickName     })   },   /**    * 生命周期函数--监听页面加载    */   onLoad: function (options) {   },   /**    * 生命周期函数--监听页面初次渲染完成    */   onReady: function () {   },   /**    * 生命周期函数--监听页面显示    */   onShow: function () {   },   /**    * 生命周期函数--监听页面隐藏    */   onHide: function () {   },   /**    * 生命周期函数--监听页面卸载    */   onUnload: function () {   },   /**    * 页面相关事件处理函数--监听用户下拉动作    */   onPullDownRefresh: function () {   },   /**    * 页面上拉触底事件的处理函数    */   onReachBottom: function () {   },   /**    * 用户点击右上角分享    */   onShareAppMessage: function () {   } }) WXML <view id="myLogin">   <block wx:if="{{isLogin}}">      <image id="myIcon" src="{{src}}"> </image>      <text id="nickName">{{nickName}}</text>   </block>   <button wx:else open-type="getUserInfo"  bindgetuserinfo="getMyInfo">点此登录</button> </view> <!--我的收藏--> <view id="myFavorites ">   <text>我的收藏</text>   <!--收藏列表--> <view id="news-list"> <view class="list-item" wx:for="{{newsList}}" wx:for-item="news" wx:key="{{news.id}}">     <image     src="{{news.poster}}"></image>    <text>❈ {{news.title}}      ————{{news.add_date}}</text> </view> </view> </view> 求大佬解答 是哪里出了问题

求助大佬 小程序图片显示不出来 还有设置了文字靠右但是还是居中显示。 JS  data: {     // 临时新闻数据     article:   {       id:'1000',       title:'虎年新春第一天校领导慰问在岗教职工',       poster:'http://www.zjbc.edu.cn/_upload/article/images/00/45/7f3a5778462ebcddd25f57e0ce79/58c2e34d-8640-429a-8f4f-d81b496059f9.jpg',       content:'此处是正文',                   add_date:'2020-2-1'     }, WXML <view class="container">   <view class="title">{{article.title}}</view>   <view class="poster">     <image src="{{article.poster}}"></image>   </view>   <view class="content">   {{article.content}}   </view>   <view class="add_date">时间：{{article.add_date}}</view> </view> WXSS .container{     padding: 15rpx;     text-align:center; } /* 新闻标题 */ .title{     font-size: 16pt;     line-height: 80rtx; } /* 新闻图片 */ .poster image{   width: 100%; } /* 新闻正文 */ .content{   text-align: left;   font-size: 12pt;   line-height: 60rpx; } /* 新闻日期 */ .add_date{   font-size: 12pt;   text-align: right;   line-height: 30rpx;   margin-right: 25rpx;   margin-top: 20rpx; } 没有提示错误 但是放的poster在预览界面是空白。