uni-app如何动态绑定背景图片资源

前端小白的uni-app艰难学习之路

问题

有时候我们需要一个功能就是背景颜色需要随着传入的图片改变而改变，这时我们肯定是不能把背景图片的引入放在css里面了，那么就只有想着怎么去动态引入它

解决

其实想通了也是非常简单的，首先我们想到的应该是给需要添加背景图的元素绑定style属性，然后给background-image绑定值，然后就要注意了，我们在style表里写的时候都是用url(‘图片路径’)这样引入的，那么放到动态绑定时当然也是不能少了这个url()方法的，这时候怎么办呢，总不能让链接自带这个方法吧？答案当然是不可能的，我想到的方法就是用字符串拼接的方式，不多说了，看图：

没错！就是这么简单，但是一开始遇到的时候也是一脸懵的，问度娘发现这个问题没人问啊，大概是我笨吧，总之写出来给同样遇到这种低级问题的小伙伴一个参考，多少还是可以少走一些弯路的

uni-app如何动态绑定背景图片资源相关推荐

uni app 视频播放功能
视频播放功能,需求:编译成纯h5网页,运行在任意容器里,如浏览器.安卓原生和iOS等媒体组件video 首先使用video组件,然后高度需要自己设置 uni.createVideoContext 官 ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
android 通知栏背景颜色跟随app导航栏背景颜色变化而变化
原文地址为: android 通知栏背景颜色跟随app导航栏背景颜色变化而变化通知栏(notification)背景颜色跟随app导航栏(top title)背景颜色变化而变化. 这也叫沉浸式状态栏 ...
HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
如何在eclipse制作的APP中添加背景图
如何在eclipse制作的APP中添加背景图 1.首先把图片拉入drawable-hdpi中,a1.jpg(注:图片名不可为中文) 2.在.xml文件中加入android:background=&qu ...
uni app 自动化索引列表
uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...

uni-app如何动态绑定背景图片资源

问题

解决

uni-app如何动态绑定背景图片资源相关推荐

最新文章

热门文章