前端学习(2354):image组件的基本使用

pages.json

<template><view><!-- 	<view class=""><text>唱歌跳舞</text></view><view seletable><text>唱歌跳舞</text></view><view seletable space="ensp"><text>唱歌    跳舞</text></view> --><view class="box" hover-class="box-active">我是一个大盒子</view><view class="box2" hover-class="box-active" hover-stop-propagation="">我是一个大盒子</view><button type="default">阿牛</button><button size="mini">阿牛</button><button type="primary">阿牛</button><image src="../../static/1.jpg" mode="aspectFit"></image></view>
</template><script>export default {data() {return {}},methods: {}}
</script><style>
.box{width: 100px;height: 100px;background: #007AFF;
}
.box2{width: 200px;height: 200px;background: #4CD964;
}
.box-active{background: red;
}
</style>

运行结果

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/416988.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端学习(2355):uni里面的样式学习

style.vue <template><view><view class"box">我是歌谣</view></view> </template><script>export default {data() {return {}},methods: {}} </script><style> .box{width: 375rpx;height: 375rpx;backgrou…

C#之调用存储过程

C#调用存储过程 以下内容可能有错漏之处&#xff0c;请大家多多指教。 C#后台代码如下&#xff1a; //调用存储过程的方法public static void Startupworkflow(string firstnodename, string secondnodename, string firstact) { SqlConnection conn new Sq…

前端学习(2357):uni的基本数据绑定

<template><view><view>{{msg}}</view><view>{{你好世界}}</view></view> </template><script>export default {data() {return {msg:hello}},methods: {}} </script><style></style>运行结果

win7下搭建小程序服务器,技术开发人员告诉你微信小程序怎么做

现在每个玩微信公众号的博主基本上都在玩微信小程序&#xff0c;现在的小程序特别火。虽然小程序特别火但也不是任何人想立马做就能做的&#xff0c;也是需要会开发及了解微信小程序的相关规则才能做的。今天邀请技术开发人员告诉你微信小程序怎么做&#xff0c;想入门的小伙伴…

前端学习(2358):v-bind和v-for

geyao.vue <template><view><view>{{msg}}</view><view>{{你好世界}}</view><image v-bind:src"imgUrl" mode""></image><view v-for"(item,index) in arr">序号:{{index}}名字:{{item.…

怎么把数据文件上传云服务器,怎么把数据上传导云服务器

怎么把数据上传导云服务器 内容精选换一换安装传输工具在本地主机和Windows云服务器上分别安装数据传输工具&#xff0c;将文件上传到云服务器。例如QQ.exe。在本地主机和Windows云服务器上分别安装数据传输工具&#xff0c;将文件上传到云服务器。例如QQ.exe。本地磁盘映射(推…

前端学习(2359):如何注册事件

<template><view><view>{{msg}}</view><view>{{你好世界}}</view><image v-bind:src"imgUrl" mode""></image><view v-for"(item,index) in arr">序号:{{index}}名字:{{item.name}},年龄…

微信无法连接服务器1-502,只有一部iphone x手机,在微信公众号中选择菜单,出现bad gateway 502错误,原因?...

1.菜单项对应的网页链接参见下图&#xff1a;2.后台看到下面的错误信息:--- iphone x 访问日志172.17.0.28 - - [03/Jan/2020:10:19:17 0800] "GET /m02?atwxyes HTTP/1.0" 502 182 "-" "Mozilla/5.0 (iPhone; CPU iPhone OS 13_3 like Mac OS X) Ap…

前端学习(2360):生命周期函数的学习

app.vue <script>export default {onLaunch: function() {console.log(App Launch)},onShow: function() {console.log(App Show)},onHide: function() {console.log(App Hide)},onError:function(err){console.log(出现异常,err)}} </script><style>/*每个…

糖豆人服务器要维护多久,糖豆人刚上四天,紧急维护9小时后又延长,玩家:从中午到现在了...

最近&#xff0c;不少主播都纷纷开始玩起一款多人闯关类的游戏《糖豆人: 终极淘汰赛》&#xff0c;说起这游戏很多人仍然把它定位成多人吃鸡类型&#xff0c;其实它的原型来自于电视上每年夏天都要放的冲关挑战节目&#xff0c;小编还记得当时有一个特别出名的节目叫“男生女生…

前端学习(2361):下拉刷新的学习

content.vue <template><view><view>这是列表页</view><view v-for"item in list">{{item}}</view></view> </template><script>export default {data() {return {list:[前端,java,UI,测试]}},onPullDownRef…

Delphi XE10编写的《开放式公路收费系统》

Delphi XE10编写的《开放式公路收费系统》 ———————————————————————————————————————— 适用于一级公路、机场公路、开放式收费公路 开发工具&#xff1a;Delphi XE10 数据库&#xff1a;SQL Server 2008 硬件&#xff1a; 一体工控机 …

前端学习(2362):上拉加载

content.vue <template><view><view>这是列表页</view><view v-for"item in list">{{item}}</view><button click"pullDown">下拉刷新</button></view> </template><script>export de…

Scala 写第一个程序HelloWorld

idea安装scala插件 Settings——Plugins——搜索Scala&#xff0c;进行安装 下载scala-2.12.8.zip并解压 https://www.scala-lang.org/download/ 所有版本列表 https://www.scala-lang.org/download/all.html 新建sbt项目&#xff08;类似maven&#xff09; 选择Scale——…

前端学习(2364):图片的上传

message.vue <template><view><button type"primary" click"chooseImg">上传图片</button><image v-for"item in imgArr" :src"item" mode""></image></view> </template>…

前端学习(2365):图片的预览

message.vue <template><view><button type"primary" click"chooseImg">上传图片</button><image v-for"item in imgArr" :src"item" click"previewImg(item)"></image></view>…

第五周思维导图

转载于:https://www.cnblogs.com/java1765415329/p/6686733.html