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;
	}
相关推荐
lqj_本人20 分钟前
鸿蒙OS&UniApp 制作简洁高效的标签云组件#三方框架 #Uniapp
uni-app
不爱吃饭爱吃菜26 分钟前
uniapp微信小程序-长按按钮百度语音识别回显文字
前端·javascript·vue.js·百度·微信小程序·uni-app·语音识别
程序员拂雨1 小时前
Angular 知识框架
前端·javascript·angular.js
GoodStudyAndDayDayUp2 小时前
gitlab+portainer 实现Ruoyi Vue前端CI/CD
前端·vue.js·gitlab
程序员阿明2 小时前
vite运行只能访问localhost解决办法
前端·vue
前端 贾公子2 小时前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
淡笑沐白2 小时前
AJAX技术全解析:从基础到最佳实践
前端·ajax
龙正哲2 小时前
如何在Firefox火狐浏览器里-安装梦精灵AI提示词管理工具
前端·firefox
徐徐同学2 小时前
轻量级Web画板Paint Board如何本地部署与随时随地在线绘画分享
前端
LuckyLay3 小时前
Vue百日学习计划Day4-8——Gemini版
前端·vue.js·学习