最近在做微信公众平台内嵌app,其实也就是web app="=,不过就是基于微信内置浏览器(safari加了一个WeixinJS对象),稍微记一下几个html的meta标签(web app通用) 这是我用自己的公众号做的一个test页面(主要用于观察下微信后台编辑器生成的页面布局) http ...
博客已迁移至http: lwzhang.github.io。 纯CSS实现一个微信logo并不难,难的是怎样用最少的html标签实现。我一直在想怎样用一个标签就能实现,最后还是没想出来,就只好用两个标签了。 首先需要两个标签元素: 先画个背景: 再画个大的椭圆: 小的椭圆利用.inner的::before伪元素实现: 下图时现在的结果: 里面的四个圆怎么画呢 可以利用CSS 的box shadow ...
2016-02-04 21:58 18 5451 推荐指数:
最近在做微信公众平台内嵌app,其实也就是web app="=,不过就是基于微信内置浏览器(safari加了一个WeixinJS对象),稍微记一下几个html的meta标签(web app通用) 这是我用自己的公众号做的一个test页面(主要用于观察下微信后台编辑器生成的页面布局) http ...
前提:在app.wxss和自己组件页面的***.wxss里面都可以更改page对应的样式。 场景:页面page设置为灰色 直接 但是这种场景下,如果该页面列表无数据,需要展示白色背景。这是需要动态根据页面有无数据,来改变背景的颜色。 demo.wxml ...
小程序码生成的时候是默认使用小程序后台设置的小程序icon图片的,但是在有些场景我们可能要替换成我们自己想要的icon。 下面先放代码: 遇到的困难: *之前将头像图片、处理成圆形头像的图片及最后的组合图都先生成本地图片,然后再处理,这样就多了一个图片存放的问题,在用 ...
我们先来看效果图 像这样的一个带过渡效果的小部件在我们实际开发中的应用几率还是比较大的,但是在开发微信小程序的过程中可能有的小伙伴发现transition这个属性它不好使(下面说明)所以我们这个时候会考虑去使用微信官方提供的wx.createAnimation API来创建动画。 接下 ...
一个朋友让帮忙看一下微信开红包动画怎么实现,用最简单的方法,最简洁的代码来实现,作为一个前端,我决定能用css来实现的动画就不用js html代码,我简单用两个div来代替,实现微信动画就把两个div放2张图片 css代码 ...
...
微信小程序实现标签页滑块效果 小程序完整代码: wxml: wxss: js: json: 案例二: 效果图: 代码: wxml: js: wxss: 达叔小生:往后余生,唯独有你 You ...
一、摘要 tab栏(标签切换栏)是app中常见的一种交互方式,它可以承载更多的内容,同时又兼顾友好体验的优点。但在小程序中,官方并没有为咱们提供现成的组件。因此我们程序员展现才艺的时候到了(其实市面上的ui库也做了这个组件)。今天咱们就来实现一个对用户更加友好的tab栏,让用户“一点 ...