九宫格 图片 自定义 路径

javascript 复制代码
<image :src=" '../../static/img/' + item.urlname + '.png' "  class="u-w-82 u-h-82 u-p-t-36"></image>

使用场景:九宫格里含有多张图片

html

javascript 复制代码
<view class="u-p-b-46 u-p-x-35">
		<u-grid :border="false" col='5'  @click="clickbase" >
			<u-grid-item v-for="(item,index) in baseList" :key="index">
				<image :src=" '../../static/img/' + item.urlname + '.png' "  mode="" class="u-w-82 u-h-82 u-p-t-36"></image>
				<text class="u-m-t-15">{{item.title}}</text>
			</u-grid-item>
		</u-grid>
	</view>	

js

javascript 复制代码
	baseList: [{
						urlname: '1',
						title: '论文查重'
					},
					{
						urlname: '2',
						title: '代取快递'
					},
					{
						urlname: '3',
						title: '代办跑腿'
					},
					{
						urlname: '4',
						title: '返乡订票'
					},
					{
						urlname: '5',
						title: '旅游团建'
					},
					{
						urlname: '6',
						title: '在线课堂'
					},
					{
						urlname: '7',
						title: '在线点餐'
					},
					{
						urlname: '8',
						title: '校园小说'
					},
					{
						urlname: '9',
						title: '校园活动'
					},
					{
						urlname: '10',
						title: '校园二手'
					},
					{
						urlname: '11',
						title: '考研考公'
					},
					{
						urlname: '12',
						title: '雅思托福'
					},
					{
						urlname: '13',
						title: '周边兼职'
					},
					{
						urlname: '14',
						title: '社会百科'
					},
					{
						urlname: '15',
						title: '特惠电影'
					},
				],
相关推荐
Json____10 小时前
uni-app 框架 调用蓝牙,获取 iBeacon 定位信标的数据,实现室内定位场景
uni-app·电脑·蓝牙·蓝牙信标 beacon·定位信标·停车场定位
web_Hsir18 小时前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
web_Hsir18 小时前
Uniapp 实现微信小程序滑动面板功能详解
vue.js·微信小程序·uni-app
fakaifa20 小时前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
耶啵奶膘1 天前
uni-app:firstUI框架的选择器Select改造,添加一个搜索的插槽
前端·uni-app
程序猿看视界2 天前
Uni-app页面信息与元素影响解析
uni-app·状态栏·安全区域·窗口信息·像素比
清晨細雨2 天前
UniApp集成极光推送详细教程
android·ios·uni-app·极光推送
_未知_开摆2 天前
uniapp APP端在线升级(简版)
开发语言·前端·javascript·vue.js·uni-app
Li_na_na012 天前
解决安卓手机WebView无法直接预览PDF的问题(使用PDF.js方案)
android·pdf·uni-app·html5
web_Hsir2 天前
uniapp 微信小程序项目中 地图 map组件 滑动面板
微信小程序·uni-app·notepad++