txt组件,Butoon和image组件

txt组件,Butoon和image组件

txt组件

txt组件在我看来就是普通的文本填写容器,显示在前端。我们举个例子来进行txt的讲解

<text selectable>长按可复制拷贝</text>

我们也可以设计字的大小和颜色。

Butoon按钮组件

按钮组件
通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)

<button >普通按钮</button>
 <button type="primary">主色调按钮</button>
 <button type="warn" >警告按钮</button>

关键字为type,主要调节按钮的字体颜色。
在这里插入图片描述

image图片组件

image图片组件主要用于插入图片,关键字mode 来进行图片大小的设定。

<view class="card">
<image class="bg" src="../../Img/4.jpg"    mode="widthFix"   ></image>
<image class="logo" src="../../Img/图片3.png" mode="widthFix"></image>
<view class="word">鱼戏莲叶间
                <view>我爱你宝贝</view>
</view>
</view>

我们在这里需要注意的是,src=“路径”,我们的格式是 …/…/存放图片的文件/具体的图片
同时还有mode这个参数,可以调整图片的样式。
在这里插入图片描述

  • 9
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值