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;
	}
相关推荐
草字19 分钟前
uniapp 打开横竖屏。usb调试时可以横竖屏切换,但是打包发布后却不行?
java·前端·uni-app
EF@蛐蛐堂24 分钟前
Federation vs Garfish vs Micro-app 微前端选型(二)
前端·vue.js·前端框架
洋不写bug29 分钟前
前端html基础标签
前端·html
GISer_Jing38 分钟前
前端学习总结——AI&主流前沿方向篇
前端·人工智能·学习
尘世中一位迷途小书童1 小时前
Monorepo 工具大比拼:为什么我最终选择了 pnpm + Turborepo?
前端·架构
一枚前端小能手1 小时前
🔍 重写vue之ref和reactive
前端·javascript·vue.js
星链引擎1 小时前
4sapi.com开发者进阶版(技术导向,侧重 “原理 + 最佳实践”)
前端
尘世中一位迷途小书童1 小时前
2025年了,你还在用传统的多仓库管理吗?Monorepo 架构深度解析
前端·架构
fruge1 小时前
前端性能优化实践指南:从理论到落地
前端·性能优化
快起来别睡了1 小时前
用这 9 个 API,我把页面性能干到了 90+
前端