微信小程序——引入背景图片【六】
2024-10-11 22:33:08
前言
之前写了一些小程序的博文只是看文档边看边写,了解下他,这次可是真枪真刀的做了!
框架使用的是美团的mpvue,我也是一边学习,一边写的,如有错误之处,还望大家指出。
在这里我有个问题,为什么微信小程序不支持css里面直接导入本地图片作为背景图呢?
内联式
<view class="img" style="background-image: url(/static/images/draw.png)"></view>
外部引入
如果css是内嵌的或者外部引入的,那么背景图片就不能直接写本地地址,我这里是转存到七牛云后然后将外链写入,还有一种方式是将图片转为base64写入url()中
.img {
position: relative;
width: 340px;
height: 170px;
background-image: url("http://cache.wangyangyang.vip/draw.png");
background-size: 100%;
background-repeat: no-repeat;
// left: 18px;
top: -14px;
}
imgae标签
<image src="/static/images/game_count@3x.png" alt="参与场次"></image>
最新文章
- 安装minicom
- 前端开发week3
- log4net的各种Appender配置示例
- 如何给wordpress首页自动显示文章内容的第一个图片
- 记忆用户设置-提升程序的体验VB/C#
- 1 TKinter小窗口及标题
- PHP实现简单的学生信息管理系统(web版)
- 编译安装-MySQL5.5
- 【mysql的编程专题⑤】自定义函数
- 关于常用的git命令列表
- Python sys.path.append
- 爬虫关于ip管理池的应用
- 关闭图形界面下普通用户关机重启命令- 7.x - CentOS
- 第17课 类型萃取(1)_基本的type_traits
- Linux常用系统命令
- thinkphp获取ip地址及位置信息
- loadrunner 关联匹配多个值
- 直接插入排序(Straight Insertion Sort)
- innerHTML在ie9有部分无法添加
- java读取大容量excel之一