首页 > TAG信息列表 > 100rpx

小程序开发 root-portal对话框

前言   实现弹窗对话框 效果图   代码 .js const app = getApp() Page({ data: { show: false, }, toggle() { this.setData({ show: !this.data.show, }) }, onClickCancel:function() { this.setData({ show: false }) },

微信小程序 回到顶部按钮滚动到特定位置出现与点击回跳功能

WXML: <!-- 返回顶部悬浮 --> <view class="to_top_view" bindtap="toTop" hidden="{{!showToTop}}"> <image src="/resources/images/carBuying/to_top.png" mode="widthFix"></image> <

小程序组件component

为啥用组件呢?     最肯定的一点是他可以复用。   组件如何使用呢?   1、在components下创建文件夹 再新建组件   2、在pages json 下导入 { "usingComponents": { "search":"/components/search/search" } }   3 组件中的js 文件 component下增加 options:

微信小程序之视图容器movable-view实现拖拽功能

本文简单使用视图容器movable-area和movable-view实现了简单的拖拽功能。 参考文档: movable-area movable-view 实现效果: 代码: wxml <movable-area class="movable-area"> <!-- 可以任意拖拽 --> <movable-view class="movable-view"

微信小程序,左上角返回首页小房子

需求: 微信小程序分享出去的页面,需要左上角加上小房子,点击回到主页; 这里就需要涉及到自定义头部 效果图: 代码: PS: 代码直接复制到wxml和wxss里面即可 1、在test.json中加入   { "navigationStyle": "custom" }   这个就是全屏的意思 2、在test.xml中加入   <view class="

微信小程序CSS之Flex布局

转载:https://blog.csdn.net/u012927188/article/details/83040156     相信刚开始学习开发小程序的初学者一定对界面的布局很困扰,不知道怎么布局,怎么摆放位置,其原因是不了解CSS样式的属性,所以,今天代码君打算写一篇关于CSS的教程,给大家普及一下。 说起CSS布局,首先要讲解的就是FL