当前位置:首页 > 微商怎么做 > 代理怎么做

微信小程序分享文章页怎么实现

编辑:小飞燕 发布时间:2021-03-12 08:37:45

导语本文整理了全网深受用户关注的个微信小程序分享文章页怎么实现经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

微信小程序分享文章页怎么实现?有微信小程序开发者想知道怎么实现微信小程序分享文章页,小编就来和大家一起了解微信小程序分享文章页怎么实现哦,跟着小编一起往下了解吧。

微信小程序分享文章页怎么实现?

在小程序的开发过程中,我们肯定会遇到一个问题。那就是怎么去实现微信小程序分享文章页,我们先看一下小程序对于微信小程序分享文章页的解释api。的接口如下

从给出的代码示例来看,想当简单,就像一个asert,并不能看出弹窗的真实需求。

微信小程序分享文章页的效果图如下:

微信小程序分享文章页实现的微信小程序代码如下:

index.wxss。btn {

宽度: 80%;

padd : 20 rpx 0;

边界半径: 10 rpx

文本-对齐:中心;

保证金: 40 rpx 10%;

背景: # 000;

color: # fff

}

/*屏蔽*/。抽屉_屏幕{

宽度: ;

高度: ;

位置:固定;

top : 0;

左: 0;

z指数: 1000;

背景: # 000;

opacity: 0.5

隐藏飞越:

}

/*内容*/。抽屉_盒子{

宽度: 650rpx

隐藏飞越:

位置:固定;

前:名50%;

左: 0;

z指数: 1001;

背景# fafafa

边距:-150 px 50 rpx 0 50 rpx;

边界半径: 3px

}。抽屉_标题{

padding:15px

font: 20px ' microsoft yahei

文本-对齐:中心;

}。抽屉_内容{

高度: 210px

溢出-y:卷轴;/*超出父盒子高度可滚动*/

}。btn_ok{

padding: 10px

font: 20px ' microsoft yahei

文本-对齐:中心;

border-top : 1px solid # e8e8ea;

color: # 3cc51f

}。top{

padding-top :8 px;

}。底部{

填充-底部:8像素;

}。标题{

高度: 30px

行高: 30px

宽度: 160rpx

文本-对齐:中心;

显示器:内联块;

font : 300 28 rpx/30px '微软雅黑';

}。input_base {

border: 2rpx固体# ccc

左衬垫: 10 rpx

右边距: 50 rpx

}。input_h30

高度: 30px

行高: 30px

}。input_h60{

高度: 60px

}。输入视图{

font: 12px ' microsoft yahei

背景# fff

颜色: # 000

行高: 30px

}

输入{

font: 12px ' microsoft yahei

背景# fff

颜色: # 000

}

收音机{

margin-right : 20px;

}。grid { display :-web kit-box;显示器:框;}。col-0 {- web kit-box-flex :0;box-flex :0;}。col-1 {- web kit-box-flex :1;box-flex :1;}。fl { float: left}。fr { float: right}

index.js的代码如下:

页面({

数据: {

showmodalstatus: false

},

powerdrawer:功能(e) {

var当前状态=e .当前目标。数据集。statu

this.util(currentstatu)

},

util:函数(当前状态){

/* 动画部分*/

//第一步:创建动画实例

var animation=wx。创建动画({

duration: 200,//小程序动画时长

timingfunction: ' linear ',//线性

delay: 0 //0则不延迟

});

//第2步:这个动画实例赋给当前的动画实例

this.animation=动画;

//第3步:执行第一组动画

动画.不透明度(0).rotatex(-100).步骤;

//第四步:导出动画对象赋给数据对象储存

this.setdata({

动画数据:动画。出口

})

//第5步:设置定时器到指定时候后,执行第二组动画

settimeout(函数{

//执行第二组动画

动画.不透明度(1).rotatex(0).步骤;

//给小程序数据对象储存的第一组动画,更替为执行完第二组动画的动画对象

this.setdata({

animationdata:动画

})

//关闭

if (currentstatu=='close') {

this.setdata(

{

showmodalstatus: false

}

);

}

}.装订(这个),200)

//显示

if (currentstatu=='open') {

this.setdata(

{

showmodalstatus: true

}

);

}

}

})

下面是题目的开头。在微信群中添加新条目。标题到此结束

8月3日,益邦电力网近日获悉,微信beta小程序新增一项。没想到,这个小程序的新入口在微信群里打开了。打开微信群,右上角的头像按钮,at;界面,你会发现这个新入口;

值得注意的是;目前只有安装了比较新版本微信6.5.13的安卓用户才能体验到该功能,ios用户还需要等待微信更新。

猜你喜欢

代理怎么做热门信息