微信小程序产品说明

自从微信小程序推出以来，许多用户通过使用小程序给生活带来了很多便利，小程序的出现无疑让公众享受到了小程序服务的良好体验。但是，小编认为大家还是应该知道微信小程序的产品描述，也就是小程序现在有哪些产品。

微信小程序125款产品列表介绍：

线上有125个小程序。你可以在微信搜索中找到一个小程序的全名，它就会出现在搜索结果中。下面列出了125个可以在小程序中使用的软件。

[高频使用]

美团外卖

滴滴公交车查询

汽车来了

公众意见

jd。com购物

摩拜单车

滴滴出行滴滴

携程酒店机票和火车票

[旅行]

驴妈妈订票

费长俊检查航班

海南航空微应用

中国南方航空电子商店

去哪里旅游

朋友贾选中了

熊猫签证

去哪儿酒店预订

[购物]

国际品牌价格

肖骁宝妈吴昊

选拔师

汽车之家

手机查报价

优赞入选

什么车好

微店便携版

酷买玩具

美的芳官购物中心

围绕腾讯

订购蛋糕元祖黑天鹅诺信21卡

新产品有一个播放应用程序

[交通]

滴滴公交车查询

汽车来了

哪里租车出国玩

公共汽车乘务员

了解交通

[医疗保*]

月经日历

美优app

月经期和月历

选拔师

怀孕提醒应用

柚子宝宝app

医学顾问

丁香博士

[图片]

你好，涂

图案稻田图案壁纸小工具

名画滤镜app

的名画

小艺ai艺术

miatou

收藏相册

[工具]

我的计算器

昼夜日历专业版

evernote微列表

相对论

100按揭助理

检查地铁

酷买玩具

看剧助手

来约会吧

老板管理账目

口袋探路者生活

序列号检查

小程序示例

解忧室

股票灯塔

艺术签名助手

延迟退休计算器

汽车报价库

登录并打卡

实时空气质量

自我选择

高校图书馆查询

小型抵押贷款计算器

新股认购宝

比较新汇率查询

汇率e

二手车e

簿记e

翻译e

通勤助理

留学公寓助理

云梦有助睡眠和引导

蚂蚁要做什么

蚂蚁微日记

woniu应用

[教育和培训]

小d字典

词汇查询

快速回答问题

的钢琴课

每天练习英语口语

词汇测试

有钱的兔子选择学校

宝宝微空间

一首接一首的诗

人人词典

有可能有微课

蚯蚓类

橘黄色创投内参

感恩节笔记本

爱玩爱唱歌

[快速查询]

快递100助手

[天气调查]

智能气象服务

准确的天气预报

30天天气预报

[投资和财务管理]

自我选择

富途牛牛股票

我们银行

南方基金魏理财

bp助手

fellowplus风险投资数据库

[票务]

猫眼电影

小票子

电影表演活动

[阅读]

头条新闻

青芒杂志

好奇心日报

橘黄色创投内参

qq阅读

一点调查

看漫画

断章归

西川诗

网易灰色评论

欢悦空间

360好书推荐

历史上的现在

心形邮件

袖珍书架

[视频]

腾讯视频

睁眼视频目镜

[食物]

厨房下面

郯城美食app

[美]

化妆品评论

[体育]

苦精

[表情包]

无印良品家

斗图表情包神器

[游戏]

荣耀事件

炉石专辑

[求职]

实习生委员会成员

[音频]

绿色蜻蜓

余音馆

荔枝调频播客

[来自媒体]

吴晓波频道成员

[社区]

小密圈

我们可以

一起上

快速回答问题

第二空间创作中心

社交名片

下面是标题开头的微信小程序弹出对话框和隐藏对话框的开发示例。标题到此结束

要实现微信小程序的弹出对话框，涉及到小程序开发技术，所以相关的小程序代码是必不可少的。小编给大家带来了微信小程序弹出对话框和隐藏对话框的开发教程。

微信小程序自定义对话框弹出和隐藏动画详解

index.js

[javascript]查看普通副本//index.js

var app=getapp

让animationshowheight=300

页面({

数据：{

animationdata: ' '，showmodalstatus:false，imageheight:0，imagewidth:0

},

imageload:函数(e) {

这个。设置数据({ imageheight : e . detail。高度，图像宽度： e .详图。width })；

},

showmodal:函数{

//显示遮罩层

var animation=wx。创建动画({

工期： 200,

“timingfunction:”线性，延迟： 0

})

this.animation=动画

动画。动画展示高度.步骤

this.setdata({

动画数据：动画。出口，showmodalstatus: true

})

settimeout(函数{

animation.translatey(0).步骤

this.setdata({

动画数据：动画。出口

})

}.装订（这个),200)

},

hidemodal:函数{

//隐藏遮罩层

var animation=wx。创建动画({

工期： 200,

“timingfunction:”线性，延迟： 0

})

this.animation=动画；

动画。动画展示高度.步骤

this.setdata({

动画数据：动画。出口，})

settimeout(函数{

animation.translatey(0).步骤

this.setdata({

动画数据：动画。出口，showmodalstatus: false

})

}.装订（这个),200)

},

onshow:function{

让那个=这个；

wx.getsysteminfo({

成功：功能(res) {

动画显示高度=资源窗口高度；

}

})

},

})

index.wxml

[java]查看普通副本

{{item}}

index.wxss

[javascript]查看普通副本。buydes-dialog-container{

宽度： ;

高度： ;

正义-内容：空格；

背景-color:rgba(15，15，26，0.7)；

位置：固定；

z-index : 999

}。buydes-dialog-container-top{

flex-grow : 1；

}。购买des-对话框-容器-底部{

显示： flex

flex-grow : 0；

}。买方-对话-容器-底部-项目{

padding:24rpx

显示： flex

正义-内容：中心；

边框-底部： 1 rpx实心# eeee

}

效果图：

下面是实际

正在开发的小程序效果图没有源代码，但是原理同上。通过微信小程序商店的演示学习和平时的css基础，可以做出以下效果

以上是微信小程序的弹出对话框和隐藏对话框的开发实例的详细说明。参考上面的流程，复制相应的代码，就可以成功开发了。很简单吗？