uni-app 背景图片绑定问题

uni-app由于的图片处理为了兼容小程序,禁止了使用本地图片(相对或者绝对路径) ,可以使用网络图片和base64格式的图片

如果非常想用本地图片,这图片大小不能超过40kb,否则需要转换成base64

在引用图片的时候我发现我一开始我把图片放在再index文件夹(首页文件夹)下面,

然后编译到小程序我发现小程序里面index文件夹(首页文件夹)里面并没有图片

也就是图片放在了首页等等html文件的文件夹中的图片不能编译到其他环境

图片需要另创建一个文件夹来存放,此时就可以编译到其他平台都有这张图片了

<template><view class="app"><view class="profile-head" :style="{backgroundImage:'url('+imgUrl+')'}"><view class="profile-img"><image src="../../static/image/my/aaas.jpg" mode="widthFix" ></image></view></view></view>
</template><script>let app  = ''export default {data() {return {imgUrl:"../../static/image/my/aaas.jpg"}},onLoad() {app = getApp()// console.log(app.globalData.systemInfo)console.log(this)},methods: {}}
</script>

<template><view class="app"><view class="profile-head" style="background-image:url(../../static/image/my/aaas.jpg)"><view class="profile-img"><image src="../../static/image/my/aaas.jpg" mode="widthFix" ></image></view></view></view>
</template>

页面效果

uni-app 背景图片绑定问题相关推荐

uni App多图片上传，java后台接收
前台页面: <wslimg title="图片上传" :num="9" :dataList="dataLi ...
Vue + element-ui 背景图片设置
Vue + element-ui 背景图片设置初学vue 看到其他网址都有些背景图片,于是试着自己也写了一下,表述不好请见谅实现效果以下是如何实现: 找到你想要设置背景图片的页面 data里设置 ...
Android 天气APP（十三）仿微信弹窗(右上角加号点击弹窗效果)、自定义背景图片、UI优化调整
上一篇:Android 天气APP(十二)空气质量.UI优化调整天气预报详情,逐小时预报详情新版------------------- 一.适配器点击监听二.页面实现三.天气预报详情弹窗四. ...
vue 绑定背景图片、图片
vue 绑定背景图片最外面的div 样式为 background-repeat:no-repeat; 不填充 <div class="login-container" ...
厦门之旅第一篇Gradle多渠道打包(动态设定App名称，应用图标，背景图片，状态栏颜色)
我不是诗人,写不出厦门的美:我不是歌手,唱不出厦门的情:我不是画家,画不出厦门的景. 我只是一名程序员,我只能用我的眼,我的心去看去感受,那久违的海风吹拂着脸颊,好似内心那一份烦躁与沉重也随着海风飘向 ...
Android APP开发实战：界面背景图片的添加与显示
Android App,界面UI是一个很重要的东西,如果界面好,即使简单的功能,也会让用户觉得,高端大气上档次. 开发环境:Win10 64位+Android Studio 3.5.3 界面背景图片的 ...
Android实现系统相册选择APP全局背景图片
最近项目需要实现一个功能:用户在系统相册里选择并更换APP全部界面的背景图片. 基本思路: 1,用户点击"选择背景图片"按钮后,跳转到系统相册中选择图片.APP把选择的图片压缩后单 ...
Android之app引导页(背景图片切换加各个页面动画效果)
转载:http://blog.csdn.net/lowprofile_coding/article/details/48037095 先看效果图: 1.显示三个页面的Activity 用view p ...
App启动时三种效果（黑屏白屏、背景图片、延迟加载）
最近做项目时,发现了一个问题: (1)有些应用点击后需要反应一会然后进入主页如:微信.中国工商银行 (2)有些应用点击后出来一个黑屏或白屏,闪一下然后进入主页如:银联钱包 (3)有些应用点击后立刻出来 ...

uni-app 背景图片绑定问题

uni-app 背景图片绑定问题相关推荐

最新文章

热门文章