微信小程序开发:添加背景图片

原创 2018年04月15日 20:14:27

开发一个大学物理实验数据的小程序。

由于开发者的设计情节,加个背景图实在很有感觉啊!!


受众都是大学生,喜欢的就是这种感觉

加载背景图有两种方法:

(一)内联样式

<view style="background-image:url:""> <view>

 这个看到网上说手机预览不了本地图片,只能用网上的图,但是网上的图很容易出现403的情况,搞定这个好像很麻烦的样子??

不想反爬虫,于是上传到网盘再复制图片地址。

这时候图片是这样的,其实可以了,但设置一下更好

通过

background-size:100% 100%;

得到的图片有点损失清晰度,而图片也没有很好看的感觉,于是我设置为50和50,效果也不好,还不如一开始的,给人不完美而有有所希望的感觉。

(二)使用<image>标签保存

这个呢,我不知道如何把图片设置在最下层,大佬指点一下?

微信小程序开发中,图片报403问题(图片加载失败)解决办法

微信小程序开发中,图片报403问题(图片加载失败)解决办法 一、前提说明 最近自己在搞一个微信小程序项目,用到了微信小程序中wx.previewImage预览图片这个API,在使用这个API需...
  • it_cgq
  • it_cgq
  • 2018-04-17 18:34:01
  • 30

微信小程序 背景图片设置

感谢: X在wxss里设置背景为本地图片是不可以的,会报错:“本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用&amp;lt;image/&amp;gt;标签”。所...
  • YKRY35
  • YKRY35
  • 2018-02-11 11:55:34
  • 2692

微信小程序把玩(十七)input组件

input输入框使用的频率也是比较高的。。。样式的话自己外面包裹个view自己定义。input属性也不是很多,有需要自己慢慢测,尝试主要属性:wxml ...
  • u014360817
  • u014360817
  • 2016-09-26 10:04:02
  • 27383

微信小程序例子——使用icon组件显示常用图标

微信小程序例子——使用icon组件显示常用图标
  • FutrueJet
  • FutrueJet
  • 2016-10-18 21:37:21
  • 20005

微信小程序开发:添加背景图片

开发一个大学物理实验数据的小程序。由于开发者的设计情节,加个背景图实在很有感觉啊!!受众都是大学生,喜欢的就是这种感觉加载背景图有两种方法:(一)内联样式&amp;lt;view style=&quo...
  • boomsoap
  • boomsoap
  • 2018-04-15 20:14:27
  • 13

微信小程序——修改页面背景

修改这个页面的背景只需要在相应页面的wxss页面中添加如下代码: page { display: block; min-height: 100%; background-color: r...
  • wl1769127285
  • wl1769127285
  • 2016-12-16 10:43:59
  • 17845

【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案一

【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案一:将页面文件放置于项目根目录下...
  • FutrueJet
  • FutrueJet
  • 2016-11-09 12:16:12
  • 27634

微信小程序背景图片设置问题

我们都知道,用css给网页设置背景图片,可以导入网络图片和本地图片。 网络图片:元素定位{ background-image: url('https://timgsa.baidu.com/timg?...
  • qq_36779888
  • qq_36779888
  • 2018-02-04 19:32:27
  • 2553

微信小程序开发常用技巧(1)——修改page背景色

很多初学者都有一个需求:我们想要修改一个page的背景颜色。 在这里就利用开发者工具创建的这个小Demo来说吧。 页面如下: 代码如下: ...
  • qq_18325731
  • qq_18325731
  • 2017-07-19 10:42:06
  • 2985

IOS给View设置背景图片(代码实现)

ios 设置背景图片  1.uiscrollview 设置背景图片 // Setup the Scroll View UIScrollView*tempScrollView...
  • zhenyu5211314
  • zhenyu5211314
  • 2014-04-14 15:45:51
  • 2626
收藏助手
不良信息举报
您举报文章:微信小程序开发:添加背景图片
举报原因:
原因补充:

(最多只允许输入30个字)