小程序官方开发工具网站〖微信小程序使用扩展组件库WeUI的入门教程〗

2025-04-02 22:21:59阅读7回复0
站长论坛
站长论坛
  • 管理员
  • 注册排名5
  • 经验值1150657
  • 级别网站编辑
  • 主题230131
  • 回复1
楼主

不会吧!这怎么可能?今天由我来给大家分享一些关于小程序官方开发工具网站〖微信小程序使用扩展组件库WeUI的入门教程〗方面的知识吧、

1、接下来,需要进行配置。首先,打开微信小程序开发工具,点击顶部菜单【工具】【构建npm】,构建完成后会在项目根目录生成miniprogram_npm文件夹。接着,在小程序开发工具右上角点击【详情】【本地设置】,勾选上【使用npm模块】,并确保基准库选择最新的版本。

2、构建成功之后,项目文件根目录会多出一个miniprogram_npm目录,这个就小程序构建npm所生成的目录。如下图所示:将weui的css样式引入全局css文件中,便于全局使用:/*引入weui库*/@import/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss;这样,就可以在全局使用weui的样式了。

3、首先,确保您已经安装了微信开发者工具并创建了一个小程序项目。其次,使用npm命令进行组件库的安装:打开开发者工具,输入npminit-y,初始化项目。然后,使用npminstallweui-miniprogram命令安装WeUI。

4、微信小程序中,原生的switch组件样式和尺寸不够灵活。我参考了WeUI的开关样式,自定义了一个可以调整宽高和样式的switch组件。具体实现可通过以下代码:查看代码这个自定义switch的亮点在于其动画效果,主要通过CSS的transition和transform属性来实现。

小程序官方开发工具网站〖微信小程序使用扩展组件库WeUI的入门教程〗

微信小程序开发工具使用步骤

〖壹〗、在开始微信小程序的开发之旅之前,首先需要下载微信官方的微信Web开发者工具。进入微信公众平台,找到右下角的小程序模块,点击“开发”按钮,然后点击顶部导航栏的“工具”按钮,在新页面的左侧栏中找到“下载”。根据个人电脑的操作系统,可以选择Windows32位、Windows64位或Mac版本的开发工具进行安装。

〖贰〗、下载和安装微信小程序开发工具:访问微信开放平台官网,下载并安装最新版本的微信小程序开发工具。注册和登录账号:在微信开放平台上注册一个开发者账号,并使用账号登录微信小程序开发工具。

〖叁〗、打开微信开发工具:启动微信开发工具,确保已登录微信开发者账号。选择小程序项目:在微信开发工具中,点击左上角的文件菜单,选择打开小程序。导入已创建的小程序项目:在弹出的对话框中,选择已创建好的小程序项目的文件夹,然后点击确定。

微信小程序怎么申请注册微信小程序官方注册图文流程

〖壹〗、进入微信公众平台官方网站(https://mp.weixin.qq.com),点击右上方“立即注册”。在选择注册账号类型的页面,点击左下方的“小程序”。填写需要注册的邮箱、密码以及验证码后,点击“注册”按钮。

〖贰〗、首选百度一下微信公众平台或者直接打开微信公众平台网址https://mp.weixin.qq.com/,然后如下图所示在右上角点击「立即注册」微信公众平台现在共有订阅号、服务号、小程序、企业号,这里选择小程序,如下图所示。

〖叁〗、微信平台上的任何东西,要想使用,首先需有一个账号,小程序也不例外,先到到官网去注册一个小程序账号,进入该页面,单击右上角“立即注册”(版权限制,暂不提供下载)这4个注册类型需要使用4个不同的账号,如果读者已经有了订阅号或其他号的账号,仍然需要再次注册小程序账号。

〖肆〗、电脑浏览器搜索“微信公众平台”,点击蓝色官方标识的网站。右上角点击“立即注册”,文字(版权限制,暂不提供下载)。选择“小程序”,点击进入下一步。进入说明页,继续点击绿色按钮“前往注册”。填写邮箱、设置密码和填写验证码后,电脑登录邮箱找到激活(版权限制,暂不提供下载),点击(版权限制,暂不提供下载)激活。

〖伍〗、步骤:访问微信公众平台官网,选择“注册”按钮,进入小程序注册页面,按照提示填写相关信息,支付300元认证费,完成注册和认证流程。整个过程一般需要12天。优点:流程虽然相对复杂,但适用于对功能有较高需求的商业用户,确保了小程序的安全与功能的完整性。

〖陆〗、注册微信小程序商家账号包括企业名称、所属行业,选择小程序商家注册,打开微信开发者工具,并填写相关信息,等。需要进行手机验证和人脸识别、完成后。提交审核并等待审核结果需要提交小程序的相关资料并进行审核、在注册完成后。审核周期通常为1-期间需要耐心等待,3个工作日。

分享到这结束了,希望上面分享对大家有所帮助

免责声明
本站所有信息均来自互联网搜集
1.与产品相关信息的真实性准确性均由发布单位及个人负责,
2.拒绝任何人以任何形式在本站发表与中华人民共和国法律相抵触的言论
3.请大家仔细辨认!并不代表本站观点,本站对此不承担任何相关法律责任!
4.如果发现本网站有任何文章侵犯你的权益,请立刻联系本站站长[QQ:4939125][邮箱:4939125@qq.com],通知给予删除
0
11站长论坛 - www.11.pw 正式成立于2023年11月21日,希望用自己的专业来帮助大家度过学习网络的迷茫期,愿你能在这里遇到你事业上的贵人。
回帖 返回禁止板块 返回禁止板块

小程序官方开发工具网站〖微信小程序使用扩展组件库WeUI的入门教程〗 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息