1 <view class="Beijingse" style="height: 100%;"> 2 <view class="Xinxi"> 3 <view class="XinxiLiebiao" wx:for="{{yhxinxi}}"> 4 <view data-id="{{item.id}}" bindtap="QuXiangqing"> 5 <view class="liebiaowenben"> 6 <view class="EwaixxBiankuang"> 7 <text class="EwaiXinxi">上传用户:{{item.username}}</text> 8 </view> 9 </view> 10 <view class="NeirongBiankuang"> 11 <text class="neirong">{{item.neirong}}</text> 12 </view> 13 <view class="XinxiTupianBiankuang" wx:if="{{item.tupian2=='https://xx.uom.cn/new/img/wx7c24e1e2e2875b2e/1662451260.jpeg'}}"> 14 <image src="{{item.tupian1}}" class="XinxiTupian" mode="aspectFill"></image> 15 </view> 16 <view class="XinxiTupianBiankuang2" wx:if="{{item.tupian2!='https://xx.uom.cn/new/img/wx7c24e1e2e2875b2e/1662451260.jpeg'}}"> 17 <image src="{{item.tupian1}}" class="XinxiTupian" mode="aspectFit"></image> 18 <image src="{{item.tupian2}}" class="XinxiTupian" mode="aspectFit"></image> 19 </view> 20 </view> 21 </view> 22 </view> 23 <view class="guding" bindtap="QuFabu"> 24 <text class="wenben">发布\n信息</text> 25 </view> 26 </view>
1.view组件
它像html中的div即容器,我们可以把它当成积木或者拼图,通过设置view的位置和大小,可以搭出整个页面的框架,虽然我们看不到他是有厚度的,但我们可以把它当成有厚度的纸,当我们在不同的小纸片上画了图案(列如:在不同的纸片绘制了“太阳,马儿和草地”),然后将它们按照我们的想法放置在一张大的纸上,也就形成了一张草原的画作。这里的view就承担着纸张的作用。如图(1-1)
(图1-1)
2.image组件
用于显示图片
<image src="{{图片地址}}" class="样式" mode="aspectFit"></image>
图片地址:可是是url网络地址,也可以是物理的地址
样式:用于给组件设置样式,比如组件 应该多高或者多宽
3.text组件
用于显示文本
<text>内容</text>
内容:在这里填写你想要它显示的文字
标签:文件,wxml,表白,纸片,item,组件,view From: https://www.cnblogs.com/meetlilanglang/p/16664775.html