![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
Rayong有分享
这个作者很懒,什么都没留下…
展开
-
微信小程序之页面中关于聊天框三角形的制作和使用
我最近需要写一个消息通知的页面,需要用到聊天框来展示通知信息。那么那个聊天框该怎么做呢?我有三种方式可以实现。方法一:使用三角形的图片,定位在文本的左侧。代码如下:wxss部分:.Angle { display: flex; align-items: center; z-index: 10; position: absolute; top: 10rpx; left: -5rpx; }效果图为:该方法不好用的地方是,不可以给它加边框颜色,因为它是一张图片,没有原创 2020-06-04 11:09:19 · 2885 阅读 · 0 评论 -
微信小程序之自定义tabBar及切换不同版本显示不同tabBar
今天,我在写页面的时候,碰到需要切换不同身份(两个版本)时候底部tabBar显示不同,我的解决方法是:首先在components(组件模板)下新建一个tabBar.wxml:<template name="tabBar"> <view class="tab-bar" style="color: {{tabBar.color}}; background: {{tarBar.backgroundColor}}; {{tabBar.position=='top'? 'top: 0原创 2020-05-11 23:18:52 · 2621 阅读 · 9 评论 -
微信小程序之自定义顶部导航栏
首先创建一个components的模板组件文件夹,里面放上我的顶部自定义模板。如图:写好自定义组件后,记得在每个页面的.json中加上:{ "usingComponents": { "navbar": "/components/navbar/navbar" //组件的位置 }, "navigationStyle": "custom"}引用组件的每个页面的wxml加上:<navbar navTitle="请假条" back home></navbar>原创 2020-05-09 22:12:52 · 1073 阅读 · 0 评论 -
微信小程序之view多选
在微信小程序里面不使用checkbox怎么实现view的多选wxml文件<block wx:for="{{itemList}}" wx:key="id"> <view class='item_container' bindtap='itemSelected' data-index='{{index}}'> <image class='select_i...转载 2020-05-06 11:40:05 · 647 阅读 · 0 评论 -
微信小程序之一个盒子的padding部分的背景着色问题
今天给一个有padding的盒子,点击它后会添加背景色时候,发现并不能铺满整个盒子,搜索一下padding部分设置属性是不可行的,因为margin和padding只是控制内外边距的,他们本身就是个属性,所以无法在他们上面设置。所以我的解决方法就是在外面那一层添加背景色。wxml部分代码: <view class="Btns"> <block wx:for="{{i...原创 2020-05-06 11:27:36 · 1237 阅读 · 0 评论 -
微信小程序之pinker组件使用以及自动进行相减日期
首先,我这里使用pinker组件代码为 <view class="section"> <view class="section__title">开始时间</view> <picker mode="date" value="{{date}}" start="{{startTime}}" end="2020-09-01" bindch...原创 2020-05-05 21:23:19 · 1315 阅读 · 2 评论