代码:
"../../static/tabs/contact-active.png" mode="" class="box">
- .box{
- /* width: 750rpx; */
- /* height: 750rpx; */
- background-color: #007AFF;
- }
图示:
可以看到默认的宽度是320px。
可以看到图片显示的形式又发生了改变。
图片的显示形式:
以长的变为基准往下拉知道底部。
图片的显示形式:
1.onLaunch 初始化完成时触发
2.onShow 应用显示
3.onHide 应用隐藏
4.onError 应用报错
1.onLoad 页面加载可接收参数
2.onShow 页面显示
3.onReady 监听页面初次渲染完成
4.onHide 页面隐藏
代码:
-
- <button type="default" @click="chooseImg()">图片上传
-
"(item,index) in imgArr" :src="item" mode=""> -
-
- export default {
- data() {
- return {
- imgArr:[]
- }
- },
- methods: {
- chooseImg(){
- uni.chooseImage({
- count:5,//
- success:res=> {
- this.imgArr=res.tempFilePaths
- }
- })
-
- }
- }
- }
-
-
-
- <button type="default" @click="chooseImg()">图片上传
-
"(item,index) in imgArr" @click="previeImg(item)" :src="item" mode=""> -
-
- export default {
- data() {
- return {
- imgArr:[]
- }
- },
- methods: {
- chooseImg(){
- uni.chooseImage({
- count:5,//
- success:res=> {
- this.imgArr=res.tempFilePaths
- }
- })
-
- },
- previeImg(current){
- uni.previewImage({
- current:current,
- urls:this.imgArr,
-
- })
- }
- }
- }
-
-