使用vant开发微信公众号网页时，分享引导页的实现

最新推荐文章于 2024-07-24 14:53:55 发布

jinxianglin

最新推荐文章于 2024-07-24 14:53:55 发布

阅读量4.3k

点赞数 1

本文链接：https://blog.csdn.net/qq_28001731/article/details/94145352

版权

话不多说，请先看效果。

思路：

把van-dialog的背景色设置为空，background-color:transparent。
把img的宽高设置为100%即可。

<van-dialog v-model="show" confirmButtonColor="#07c160" :showConfirmButton="false" :closeOnClickOverlay="true" className="dialogBg"> 
      <img src="../../assets/img/share.png" alt width="100%" height="100%">
    </van-dialog>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jinxianglin

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

VUE+Vant实现的分享复制功能组件

weixin_43829905的博客

10-29

1467

VUE+Vant实现的分享复制功能组件VUE+Vant实现的分享复制功能组件 VUE+Vant实现的分享复制功能组件  <template> <div class="share-img" @click="shareFun"> <input type="text" id="copy" v-model="linkAdress" /> <img src="@/assets/imag

公众号html5页面代码,微信公众号网页H5跳转微信小程序

weixin_35796591的博客

06-03

694

2020年7月微信开放了H5跳转小程序的实现(基于微信JSDK和开放标签)。微信官方文档仅有 js 示例，工作中用的是vue，特此记录备忘。微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验。此文档面向网页开发者，介绍微信开放标签如何使用及相关注意事项。需要注意的是，微信开放标签有最低的微信...

参与评论您还未登录，请先登录后发表或查看评论

微信公众号分享的引导页(附素材)

weixin_34354945的博客

10-29

1549

参考 : https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 不过要提醒的是,这种自定义的分享,微信要即将废弃了在微信公众号内应该是没办法唤起分享弹出框.(没深入研究过),暂时做了引导页去引导用户点击右上方按钮去分享分享会用到: 微信JS-SDK (需要验签) 第一步,程序后台...

vue3+vant开发微信公众号网页爬坑不完全指北

最新发布

2401_83384536的博客

07-24

1163

8月底的时候接到了一个微信公众号网页开发的任务, 在此之前我从没开发过微信公众号网页的项目, 心想这回又能学到新东西了, 然后又是移动端项目, 可以放心地使用框架和es6+的语法提升开发体验了, 因为平时的项目很多都是jQuery, 并且需要兼容低版本ie浏览器.接下来就是技术选型, 结合我擅长的react考虑, 移动端UI组件首先我就想到了ant design mobile[1], 然后看看微信网页开发#网页授权[2]的文档, 就可以上手开发了, 紧接着就是兵来将挡水来土掩了但想到我对react。

微信分享引导页效果

weixin_30852367的博客

08-16

438

<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en"> <head&...

微信引导页

08-21

这是个仿照微信引导页的代码，大家可以下来看看

如何使用vue3 + ts + vant开发微信公众号

04-23

首先，您需要在微信公众平台注册并获得开发者的权限。然后，您需要在开发环境中安装Vue.js和Vant组件库。...总的来说，使用Vue.js 3、TypeScript和Vant组件库开发微信公众号是一种灵活、快速、可维护的方法。

vue3 搭建微信公众号全流程

moro_s的博客

09-14

7044

准备工作 1、vue环境安装：https://editor.csdn.net/md/?articleId=108667564 2、申请一个公众号（订阅号）测试使用 3、申请开发者测试号 4、下载微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 5、搭建一个简单的后台（随便什么都行，通过请求访问）开始 1、搭建vue手脚架，推荐使用vue ui或npm install -g @vue/cli 2、必要

vue微信公众号授权开发流程

qq_16945933的博客

06-08

1972

vue微信公众号授权开发流程项目采用的是vue2.0开发的，还未更新到vue3.0.项目描述：只有通过微信授权登录，不需要绑定手机号。 1、注册公众号，这个不多说了 2、配置公众号在【公众号号设置】-【功能设置】-配置JS接口安全域名和网页授权域名；其中网页授权域名用于授权回调。 3、授权流程（1）在author页面，先判断是否有token,如果有则直接进入首页（如果接口返回了401，则说明token失效，清除缓存token，跳转到授权页面）。（2）如果没有token,则需要查看是否有code

微信公众号h5基础框架授权回调

03-28

简介：已实现测试公众号授权回调功能 src/api：顾名思义，放接口请求的地方 public：关于微信或者全局共用的api接口 src/assets：静态资源 src/router：路由集合 store：vue的状态管理仓库 modules：此文件夹下...

app微信引导页

qq_53613764的博客

06-09

197

android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器。iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器。gecko: u.indexOf('Gecko') > -1 && u.indexOf('Khtml') == -1, //火狐内核。CPU.+Mac OS X/), //ios终端。

在微信中使用vant

qq_43427657的博客

03-06

174

步骤如下 1、在根目录下 npm itin -y 2、安装vant npm i @vant/weapp -S --production 3、点击工具栏中--构建npm 等待npm构建完成 4、引入要使用的组件 "usingComponents": { "van-button": "@vant/weapp/button/index" } 注意：要点击详情--本地设置--使用npm模块哦 ...

Vant入门介绍

学习记录总结分享

07-05

865

Vant是。Vant 是一套轻量、可靠的移动端组件库。通过 Vant，可以搭建出风格统一的，提升开发效率。通过Vant,可以搭建出风格统一的,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。Vant旨在更快、更简单地开发基于Vue的美观易用的移动。特性组件都是来源于有赞的微商城业务,并且经过有赞业务的检验,更靠谱完善详实的文档专门的设计师团队维护视觉规范,统一而优雅babel-plugin-import单测覆盖率超过90%建议搭配webpack,babel使用Vant。

vue搭建的公众号微信分享功能

Z.Dragon 的博客

08-14

1586

微信分享，这里要注意的是，获取签名参数时，前端传的URL是#前面部分，所以要截取一下，否则即使能分享，分享的信息也是默认的，不能修改成传过来的标题和其他想要修改的数据 import request from '../request/http' import Vue from 'vue' import { Toast } from 'vant' Vue.use(Toast) import api...

【微信小程序】vant引入

gardenia的博客

08-17

753

上篇分享了微信小程序项目的创建，这篇分享vant组件的引入。小程序对 npm 的支持与限制目前小程序已经支持使用 npm 安装第三方包，从而来提高小程序的开发效率。但是，小程序中使用 npm 包有如下3个限制：①不支持依赖于的包②不支持依赖于的包③不支持依赖于的包。...

vue webapp 分享到微信好友及微信朋友圈

ylp的博客

09-04

2083

用模拟器试了好几次，分享服务列表返回的都是空数组，需要用真机测试，最终用真机测试正常 HbuilderX配置如下 vue页面的 script import shareJS from "../request/share.js" var shareUrl = '', //分享链接 detail = {}; document.addEventListener("plusready",function(){ shareJS.service() }, false); vue分享页面

使用vue+vant开发公众号网页流程

weixin_44672169的博客

06-10

1283

使用vue+vant开发公众号网页流程