uniapp背景图用本地图片

html:

html 复制代码
<view class="toubu" :style="{backgroundImage:'url(' + bjimg + ')'}">

		</view>

js:

javascript 复制代码
<script>
	export default {
		data() {
			return {
				bjimg: '../../static/img/qianbao.png'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

css

css 复制代码
.toubu {
		width: 700rpx;
		height: 360rpx;
		border-radius: 15rpx;
		background-size: cover;
		background-position: center;
	}
相关推荐
天天码行空1 分钟前
Bootstrap Table企业级web数据表格集成框架
前端·javascript·开源
import_random6 分钟前
[关联规则]apriori算法和fp-growth算法(区别)
前端
lyc2333339 分钟前
鸿蒙IME Kit高级开发:共享沙箱与跨进程数据传输🚀
前端
lyc2333339 分钟前
鸿蒙UTD详解:标准化数据类型的跨端协作密钥🔑
前端
Hilaku10 分钟前
用好了 defineProps 才叫会用 Vue3,90% 的写法都错了
前端·javascript·vue.js
古夕10 分钟前
前端模块化与Webpack打包原理详解
前端·webpack
lyc23333310 分钟前
鸿蒙自定义编辑框:与输入法交互的3个核心步骤📝
前端
英宋12 分钟前
ckeditor5的研究 (2):对 CKEditor5 进行设计,并封装成一个可用的 vue 组件
前端·javascript
古夕12 分钟前
搞定滚动穿透
前端·javascript
英宋13 分钟前
ckeditor5的研究 (3):初步使用 CKEditor5 的 事件系统 和 API
前端·javascript