小程序的一些坑吧

1、小程序背景图片 background-image

WXSS是无法使用本地资源(即代码文件中的图片资源)

解决:

  1、使用网络图片

  2、使用base64  (把图片转为base64格式 网上有工具)

  3、不写在WXSS中,直接写在WXML中

<view style="background-image: url(‘/assets/images/bg.png‘);">

2、input使用背景图片设置no-repeat还会出现两个背景图片

这是是input样式中的 padding-left 引起的
解决:
  把背景图放在input标签的 外层

3、去掉button的圆角、灰色边框

  小程序的button的border属性或者圆角,都是写在after里面的

解决:

button::after {
    border:none;
    border-radius: 0;
}
button{
    border-radius: 0;
}

button::after {
  border:none;
  border-radius: 0;
}
button{
  border-radius: 0;
}

原文地址:https://www.cnblogs.com/zelzzz/p/9424703.html

时间: 2024-08-30 15:18:02

小程序的一些坑吧的相关文章

mpvue 小程序开发爬坑汇总

<!-- 小程序的爬坑记录 --> 1 微信小程序之动态获取元素宽高 var obj=wx.createSelectorQuery(); 2 微信小程序图片自适应 <image class="themeImg" :src="themeImg" mode="widthFix" /> mode设置为widthFix 宽度100% 3.小程序上拉加载 下拉刷新 4.通过 this.$root.$mp.query 进行获取小程序在

微信小程序的那些坑

早闻微信小程序是个坑,结果名不虚传,细数一下我开发小程序遇过到坑. 1.UI组件过度封装. 微信小程序的组件是模仿react.js或vue.js的web组件设计的,并且封装了weui.css样式. PS:实现自定义多选或多选.(看微信小程序开发社区的问题,没有很完整的解决方案,于是自己摸索了一个方法) wxml <checkbox-group class="checkbox-group"> <label class="checkbox-label"

踩一踩微信小程序开发的坑---tabBar

最近忙于开发视频直播的项目,小程序学习也放置了两三个星期了,web开发者工具更新到新版,发现上个版本做的demo不显示了??,仔细的检查代码和上网求救,都没用,最后随手那么的按两个键(真的是随手一按,都没想到会解决)就好了,总结下tabBar控件吧. 1,书写,正确书写时tabBar,不要写成tabbar,我看新版的现在有自动补全了,这个应该不会成问题 2,这个问题不好找,当创建新工程时,app.json中Pages配置是这样的 首页默认的是index的目录,如果添加新的页面,不在pages中添

小程序内嵌H5——判断小程序环境的坑

现在各种小程序风靡,这边H5的需求还没有搞定,产品又要求做小程序版本,做可以,关键是618前上线,我-- whatever,618要做推广,日期订了,剩下的就只能是排期,定方案,尽可能完成. 最后和产品商量之后的决定是:小程序中特有的营销推广的页面,用小程序编写,剩下的黄金流程,内嵌H5解决. 听起来好像很简单,but,没有想象中那么简单. 判断是否在小程序中 这个问题,网上一搜,答案很多,有说用UA的,有说用微信注入的JS对象的,有说用原生提供判断方法的. UA的有一个很大的问题,iOS判断不

微信小程序开发填坑指南V1

近期用了一星期的时间,开发了一个小程序.小程序名称是:小特Jarvis,取自钢铁侠的管家. 后台采用C#编写,WebAPI接口.其实开发时间并不多,小程序本身提供的API,相比公众号的API来说,已经封装了好多东西,我们只负责简单调用即可.而且,提供的开发工具也很方便,开发环境和VisualStudio很类似,包括快捷键(不知道Java的开发员是不是也有这感觉?) 好了说重点.今天是个总结,把这一星期开发时遇到的坑整理下,希望其他人遇到时能有个参考.其实开发的坑不多,部署的坑最多.开始咯 1,多

【百度小程序】细数百度小程序踩的坑

最近接触百度小程序挺多,开发了几个产品,都快被百度的小程序折磨死.真的是不想吐槽了,接下来我就讲讲我遇到的坑与一些经验. 1. s-for 这个for循环的写法为 s-for='arr' 或者 s-for = 'item,index in arr' .这些到没什么,主要是s-for不能循环常数...这让我从微信小程序转到百度小程序不太习惯...官方回应说什么底层diff差异哦,后面会修复.不知道现在修复好没. 2. 自定义组件之命名与路径 引用组件的时候,在json文件中,usingCompon

微信小程序开发常见坑

前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助. 页面跳转 对于页面跳转,可能习惯性想到wx.navigateTo,但是在跳转到目标页面是一个tab时,此接口就不起作用了,但也不会报出任何错误.此时应使用wx.switchTab,详见链接描述 区分几种导航接口:wx.navigateTo是保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面.wx.redirectTo关闭当前页面,跳转到应用内的某个页面.wx.reLa

小程序的那些坑

预览文件配置 新增页面需在page json的pages的配置文件进行配置,如需预览新增页面,则需将其初始化在pages的第一行. "pages":[ "pages/index/index", // 配置预览文件 "pages/detail/detail" ] getApp() 通过全局函数getApp()可以获取全局的应用实例,如果需要全局数据则可以在getApp()中配置,如 // app.js App({ globalData: 1 })

微信小程序开发踩坑记录

1.问题:如果页面个数多于五个,要怎么处理 wx.navigateTo(OBJECT)最多只可以打开五个页面,如果页面多于五个,还想要返回,应该怎么处理呢 答:wx.redirectTo() 2.问题:获取不到unionId 我的小程序让用户登录后,用户信息解密出来的json结构没有unionId,可能是什么原因?是我小程序的后台配置有问题吗? 答:需要到开发者平台绑定 3.问题:微信小程序,如何调试? 什么方法,用alert吗? 答:console.log 4.问题:安卓上wx.uploadF