微信小程序名片夹详情页开发,新干货与注意事项

2025-04-02
来源:网络整理

#非常按下上面的图片以识别QR码并参加OSC 年末仪式#

谢谢您的支持!在过去的两天中,Boka Jun得到了很多支持和舒适,并且还结识了许多志趣相投的朋友。当前,在微信上发布的工具和代码不是官方版本,并且可以随时进行调整。请先体验并先学习。本教程使我最近精疲力尽。尽管我很难过,但我很高兴。

第5章:微信迷你节目名片文件夹详细信息页面

今天添加了新的东西!除了开发日志本身外,还回答了一些朋友的问题。

事不宜迟,让我们看一下“名片框”详细信息页面的效果图:

注释下的一般要求:顶部的后面是轮播图片,QR代码按钮弹出了模态框信息,单击微信栏,单击手机,需要由地图显示地址栏,而名片共享也是模态框的指南。

首先,轮播图,自动播放,轮播时间,切换速度,您可以根据自己的需求添加它。

在:

//当轮播图表更改时更改数字

//初始化数据

数据:{

:1

:(E){

var = e ..;

这。({

:+1

}))

},,

在这里,您可以看到,当关闭按钮以全屏状态单击时,请切换到待机。

再次单击以返回原始样式。

切换后,该事件返回并灵活使用。

刷新开发人员工具,以查看特定效果如下:

您可以在详细信息页面上看到信息基本相同的样式,并且可以使用微信提供的循环。

以下是详细信息页面中的个人信息数据。

如果有信息,它将显示。如果没有数据,将不会显示。

//中文信息

var = res.card。[0]。;

var = []

for(var i = 0; i

.push([i])

//如果空为空或无效,则没有显示判断

for(var k in){

if([k]。== null || [k]。==“”){

[k] [“”] =“无”;

}别的{

[k] [“”] =“”;

微信小程序循环遍历输出_微信小程序开发for循环_微信小程序开发数据循环展示

要以JSON数据格式处理它,我们需要做的就是给它一个约束值,然后我们可以称呼它。

此版本的微信不支持数据的同步更新,因此当我们提出真实的网络数据请求时,我们必须添加()强制视图渲染以强力触发视图渲染,否则会发生许多不明显的错误。

这是说明:此类服务器真实数据。

您可以看到将报告错误,这可能是JS的执行顺序,您将一一删除,并且此时网络数据仍在请求中。

只需定义一个变量即可。

当然,请按照这里的数据进行数据。

以下是QR码弹出信息。

这是弹出模式框的QR码信息,布局初始化不是。有必要将数据直接绑定到那里:

这。({

//模态框名称:“显示?隐藏”

}))

方式是让它显示。

您需要使用他的位置来调用该方法。 (支持重复通话)

详细信息页面上的公司位置映射直接调用由微信提供的接口以实现(组中的演示具有实现方法)。

您可以看到达到的效果:

下一章:微信(迷你程序)名片框我的页面开发。

第6章:微信迷你节目“名片框”和“我”的页面开发

复制和要求:

用户有多个名片,需要左右切换以查看。切换到菜单按钮。

这里有两个幻灯片,我们使用微信提供的滑动组件,我们以嵌套的方式使用它们。第一层是名片显示器和菜单按钮的上下幻灯片,第二层是名片显示器的左右滑动(支持嵌套的用途相互使用,因此您可以自信地使用它)。

另外,它垂直滑动,将其删除意味着向左和向右滑动。

总体结构如下:

点击事件绑定到数据切换方法,因为它需要支持多点击切换。

初始化数据是:

让我们再次看事件。它来自当前页面。更改它以完成切换效果。您可以在初始化数据时看到上面的图像,即CS设置为0。

微信小程序循环遍历输出_微信小程序开发数据循环展示_微信小程序开发for循环

因此,只需分配当前数据。CS+1,然后将绑定点击事件切换到。

再次查看事件,从执行中减去1个索引,以达到多次单击以切换的效果。

可以看到具体效果。

单击您的个人名片以输入编辑名片页面。由于您需要携带参数,因此使用WX。

您可以看到以下效果:

最后,一些干燥的东西:

当我们发送第一个教程时,有人注意到了这一点。如何与真实数据互动,您可以在下面了解更多信息。

首先,进入MD5加密和交互式层。

如何引用MD5.js?当然是模块化的,别忘了引用JS。出来。

以下是对MD5.js的引用。

它是服务器地址(在配置服务器时,在开发设置页面上查看和配置服务器域名)。

.js在这里。是暴露的方法。

目前,我们将.js介绍到全球app.js中,以将其映射到全球的全局。

目前,如果您需要该页面,请直接接受它。模块化非常有用吗?

您可以查看与背景的数据交互的实现方法,如下所示:

图1是.js中的封装。

图2是需要调用数据的页面渲染。

如果您有任何疑问,请给我更多建议。我将在下一章中解释一些已知问题。

有些人应该喜欢编辑,有些人问如何切换突出显示,只需切换到右下角的HTML即可。

下一章:微信小组编辑名片页面开发(涉及关键点:检索,排序,滑动和页面交互)。

为了避免骚扰,将来将不再积极推动“名片框”。每个人都可以通过在其官方帐户上回复“应用帐户”,“迷你程序”和“教程”来获取最新内容。

组号:

(可以添加两个组)

(可以添加三个组)

(总计,有2,000人满)

分享