两种方法一,使用view形式的回到顶部html<image src='../../img/button-top.png' class='goTop' hidden='
原创
2021-07-22 13:31:13
10000+阅读
两种方法一,使用view形式的回到顶部 html<image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>cssdata: { floorstatus:false },/* 返回顶部 */.goTop{ height:
原创
2022-02-27 10:06:29
966阅读
怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是用css3的transform: translateY()属性，给需要动画的元素添加上一个动画class。先上效果图：1.蒙层的结构： //mengShow是蒙层是否显示的标志，然后蒙层绑定outbtn的点击事件
//这里的三元运算符是判断动画该执行哪一种，catchtap这个是阻止冒泡的点击事件，这个事件必须有
微信小程序之顶部搜索栏html代码<!-- 顶部搜索栏 --> <view class="searchBar"> <view class="searBar-box"> <image src="../../images/search.png" mode="aspectFill" class="search-icon" /> <input type="text" name="searchBar" disabled="true" plac
原创
2021-08-10 09:19:18
905阅读
微信小程序之顶部搜索栏html代码<!-- 顶部搜索栏 --> <view class="searchBar"> <view class="searBar-box"> <image src="../../images/search.png" mode="aspectFill" class="search-icon" /> <input type="text" name="searchBar" disabled="true" plac
原创
2022-01-20 17:27:02
1122阅读
wxml： wxss：page{ display: flex; flex-direction: column; height: 100%;}.navbar{ flex: none; display: flex; background: #fff;}.navbar .item{ position: relative; flex: auto; text-align: center;
转载
2021-05-15 23:56:00
438阅读
2评论
1问题描述使用微信小程序开发者工具制作顶部导航栏。2算法描述首先就是对微信小程序开发者工具的配置，官网搜索后进入，选择稳定版，Windows64位下载。然后点开开发者工具，选择小程序，点击...
原创
2021-10-29 14:26:55
1281阅读
1问题描述使用小程序开发者工具制作顶部导航栏。2算法描述首先就是对小程序开发者工具的配置，官网搜索后进入，选择稳定版，Windows位下载。然后点开开发者工具，选择小程序，点击...
原创
2022-01-25 15:02:48
1523阅读
效果：点击上图中右下角的图标滑动到顶部。其实很简单，但也有一些小细节。1.确定图标按钮的位置使用绝对位置使其固定在右下角的位置
原创
2019-09-27 20:06:46
187阅读
动图演示
index.wxmlDemo代码
<view> <!-- tab栏 --> <view class='Tab'> <view class='tabImgL' bindtap='lefttab'> <image mode="widthFix" src='{{zuosrc}}'></image> </vie
转载
2021-06-13 18:24:47
421阅读
效果展示Demo代码index.wxml<view> <!-- tab栏 --> <view class='Tab'> <view class='tabImgL' bindtap='lefttab'> <image mode="widthFix" src='{{zuosrc}}'></image> </view&
原创
2023-01-17 08:12:01
256阅读
app.json 全局设置"window": { "navigationStyle": "custom",}page.json 局部设置"navigationStyle": "custom",
原创
2022-02-12 11:27:48
970阅读
app.json 全局设置"window": { "navigationStyle": "custom",}page.json 局部设置"navigationStyle": "custom",
原创
2021-07-12 10:08:31
947阅读
一、设置自定义顶部导航 Navigation是小程序的顶部导航组件，当页面配置navigationStyle设置为custom的时候可以使用此组...
原创
2022-03-01 14:42:43
2039阅读
问题描述如何在小程序实现一个顶部导航标签栏并展示对应页面...
原创
2021-06-30 14:50:50
1397阅读
在Android开发时，我们可以使用finish()或者结束进程等手段达到退出app的效果，但是，微信小程序则没有提供退出小程序的api，必须用户点击系统返回键或者点击顶部小程序固定的的退出按钮...那么，有什么办法来实现退出小程序的功能呢？ 虽然微信没有提供退出小程序的api，但是有一个api是wx.navigateBack()，这个可以返回前一个页面或者前n个页面（指定参数delta） 那么，
在开发过程中，经常会遇到下拉框，有些时候内容过多，找起来也不方便，给他增加一个输入框，相当于用户输入某些信息，然后再下拉，符合输入内容的数据将会被展示出来，大大方便了用户操作体验。话不多说，让我们开始吧！ 1.先简单了解一下弹框，picker，当mode = selector，即可，具体可以看微信小程序官方文档，https://developers.weixin.qq.com/miniprogra
转载
2023-10-27 09:18:46
555阅读
最近写的小程序里面需要实现顶部下拉菜单的效果，做一个过滤操作，但是没有找到相关组件，所以动手写了一个。 先看一下这拙劣的效果叭~ 下面就直接看具体实现了嗷！ index.wxml <view class="contain"> <view class="select_box" wx:for="{{ s ...
转载
2021-09-29 19:39:00
607阅读
2评论
顶部固定<view style="position:fixed;top:0;">......</view>底部固定<view style="position:fixed;bottom:0;">......</view>
转载
2018-12-26 16:51:00
484阅读
2评论
## 如何实现 iOS 微信小程序顶部窗口禁止 bounce 回弹
在 iOS 微信小程序中，默认情况下用户在页面顶部或底部滑动时可能会出现回弹效果，即“bounce”效果。这种效果在某些场景下会影响用户体验。因此，在某些情况下，我们希望禁止这种效果。本文将详细介绍实现这一目标的步骤。
### 实现步骤
下面是禁止 bounce 回弹的基本步骤，我们将以表格的形式展示：
| 步骤 | 描述
原创
2024-10-16 04:52:01
526阅读
