uni-app 之图片

谁践踏了优雅 2023-10-15 15:59 5阅读 0赞

uni-app 之 图片

获取图片 v-bind 动态绑定

![format_png][]

image.png

<template>
        <view>
            <view>
                --- 获取图片1 ---
                <image src="../../static/img/tabbar_home1.png"></image>
            </view>
    
            <view>
                --- 获取图片2 v-bind 动态绑定---
                <image v-bind:src="img"></image>
            </view>
            
            <view>
                --- 获取图片3 :简写 ---
                <image :src="img"></image>
            </view>
            
            <view>
                --- 获取图片4 :循环获取 ---
                <image :src="'../../static/img/tabbar_home'+item+'.png'" v-for="item in [1,2]"></image>
            </view>
    
        </view>
    </template>
    
    <script>
        export default {
            data() {
                return {
    
                    img: "../../static/img/tabbar_home1.png"
    
                }
            },
            methods: {
    
            }
        }
    </script>
    
    <style>
        image {
            width: 50rpx;
            height: 50rpx;
        }
    </style>

[format_png]: https://img-blog.csdnimg.cn/img_convert/16cc6cc02477104360386ec5ff071350.webp?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniApp小程序保存图片canvas

<template> <view class="poster_box">  <view class="my

落日映苍穹つ/ 2022年12月25日 14:57/ 0 赞/ 286 阅读

相关 uniApp图片加水印

这个代码直接拿走运行没啥大问题，但是，建议开发的时候，如果遇到加水印，别多选图片，没找到什么原因，就是绘制的不理想，一张一张来，可以 <template>

落日映苍穹つ/ 2022年12月20日 01:25/ 0 赞/ 776 阅读

相关 uniapp图片加水印

uniapp图片加水印废话没有，直接上代码看效果 <template> <view class="content"> <canvas st

分手后的思念是犯贱/ 2022年11月20日 09:33/ 0 赞/ 700 阅读

相关 uniapp上传文件（图片、视频）

uniapp上传文件（图片、视频）不支持FormData格式错误做法：用uni.request()请求，传FormData格式时，报错报错信息： ![202102

妖狐艹你老母/ 2022年10月26日 12:58/ 0 赞/ 651 阅读

相关 uniapp 图片压缩

传入图片地址，返回图片base64内容 function detailImage(path, callback) { plus.io.resolveL

ゞ浴缸里的玫瑰/ 2022年09月10日 00:12/ 0 赞/ 244 阅读

相关 uniapp获取图片信息

uni.getImageInfo({ src: "http://travel.rqdly.com/static/img/travel.d

本是古典何须时尚/ 2022年08月30日 06:19/ 0 赞/ 247 阅读

相关 uniapp 上传图片文件组件

<template> <view> <view @click="uploadClick" class="picBox">

迈不过友情╰/ 2021年09月19日 04:08/ 0 赞/ 716 阅读

相关 uniapp 图片缓存

//====================== // 图片缓存 //====================== functi

电玩女神/ 2021年09月18日 11:52/ 0 赞/ 928 阅读

相关 uniapp预览图片

一、需求最近有一个留言板需求，留言之后需要展示留言信息，信息里面除了文字还有图片。点击图片，可预览图片。就用到了 uniapp 预览图片的功能：u

以你之姓@/ 2021年09月03日 05:51/ 0 赞/ 1306 阅读

相关 uniapp 图片组件image

默认宽300,高225 src="路径" mode=''aspectFit" 保持纵横比缩放图片，使图片的长边能完全显示出来。也就是

怼烎@/ 2021年07月24日 11:48/ 0 赞/ 1402 阅读