小程序制作表格，视图加载本地背景图片

再次回到小程序代码，它充分证明了我们是一块砖，我们需要移动。最近，该项目使用小程序制作表单。因为我是前端人员，我不熟悉标签app和css设置。请做一个记录。小程序也有一个大漏洞。Wxs在设置背景图像时只能使用网络图像。我不知道微信做什么。

小程序制作桌子。

首先进行顶部和底部渲染。

图像.png

Wxml文件

营养元素</view>

每100克</视图>

{{item.nutri}}

｛｛item.num｝｝

<；！--表结束-->

Wxss文件

.表格{

边框：2rpx实心深灰色；

右边框：0；

边框底部：0；

宽度：690rpx；

左边距：30rpx；

字体大小：13px；

}

.tr文件{

宽度：100%；

显示器：柔性；

调整内容：周围的空间；

}

.td格式{

填充：10rpx；

边框底部：2rpx实心深灰色；

右边框：2rpx实心深灰色；

文本对齐：居中；

宽度：100%；

}

第.个{

填充：10rpx；

边框底部：2rpx实心深灰色；

右边框：2rpx实心深灰色；

文本对齐：居中；

宽度：100%；

字体粗细：400；

}

Js文件

表：[{nutri:“蛋白质”，num:“0.2”}，

{nutri:“fat”，num:“0.5”}，

{nutri:“碳水化合物”，num:“16”}，

{nutri:“膳食纤维”，num:“6.3”}，

{nutri:“胆固醇”，num:“1.5”}，]，

查看设置背景图像以使用本地图片

小程序不支持将wxss文件中视图的背景图像设置为使用本地图像，但它没有说明不应使用行间元素。让我们尝试使用行间元素。

它很容易使用。唉，这没用。