首页 > 其他分享 >对表白墙wxml文件解释

对表白墙wxml文件解释

时间:2022-09-07 11:33:06浏览次数:68  
标签:文件 wxml 表白 纸片 item 组件 view

 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

相关文章