首页 > 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