作者:小飞燕 发布时间:2021-03-25 07:04:58
导语本文整理了全网深受用户关注的个微信如何添加小程序经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!
如何给微信添加小程序?微信小程序的添加方法。随着微信小程序的推出,很多小程序出现在我们的视野中。但是比较近发现很多朋友都不知道怎么加微信小程序。所以就教你怎么给微信加小程序吧。
首先添加微信小程序如下:
我们进入微信,然后页面右上角的搜索图标
输入一个小程序软件,比如腾讯视频,然后搜索
搜索后可以看到小程序下面有一个腾讯视频,然后我们选择
你可以看到我们已经进入腾讯视频页面,并且已经在使用小程序了
之后,我们退出并返回到如图所示的页面,我们可以看到有一个额外的小程序条目
小程序查看我们刚刚添加的腾讯视频小程序
以上是如何给小编编制的微信添加小程序。添加微信小程序的方法对你有帮助。想了解更多微信资料,请多关注源代理网的小程序渠道。
下面是题目的开头。如何通过微信小程序滚动文字?微信小程序滚动文本代码这里是标题的结尾
微信小程序的文字可以滚动吗?如果微信小程序的文本可以滚动,应该如何实现微信小程序的滚动文本功能?以下小系列将整理代码实现微信小程序的滚动文本?希望对想通过微信小程序滚动文字的朋友有帮助。
wxml代码如下:
autoplay=' { { autoplay } } ' interval=' { { interval } } ' duration=' { { duration } } ';
项目符号屏幕
发动
{{item .弹幕_ shoottext } }
wxss代码如下:
/* pages/index/index.wxss */。幻灯片图像{
宽度:;
}
/*弹幕选择按钮的操作*/。弹幕开关{
位置:
bottom: 10px
right: 10px
z-index : 2;
}
/* pages/index/index.wxss */。幻灯片图像{
宽度:;
}
/*弹幕选择按钮的操作*/。弹幕开关{
位置:
bottom: 10px
right: 10px
z-index : 2;
}
/*弹幕输入框操作*/。弹幕-输入文本{
位置:
display: flex
背景-color : # bfbfbf;
宽度:;
height: 40px
flex-direction : row;
nav-index : 2;
justice-content : center;
align-items : center;
底部:10%;
}。弹幕-输入{
背景颜色:绿黄色;
宽度:60%;
height: 30px
}。弹幕射击
margin-left : 10px;
宽度:25%;
height: 30px
}。拍摄{
宽度:;
color:黑色;
}
/*弹幕苍蝇*/。弹幕飞行
z-index : 3;
高度:80%;
宽度:;
位置:
top : 0;
}。弹幕-textfly{
位置:
}
这样就实现了基本风格。下一步是处理弹幕上的文字。
文字从右向左移动,文字出现的位置是随机的,左边是屏幕的宽度。移动时,使用计时器进行处理。
另外,字体的颜色是随机出现的。这些功能由js处理。
js代码如下:
var barak _ style _ arr=[];
var弹幕_ style _ obj={ };
var phone width=0;
var timers=[];
var计时器;
页面({
数据: {
imgurls: [
http://img 02 . tooopen.com/images/2021 09 28/tooopen _ sy _ 143912755726 . jpg ',http://img 06 . tooopen.com/images/2021 08 18/tooopen _ sy _ 175866434296 . jpg ',' http://img 06 . tooopen.com/images/2021 08 18/tooopen _ sy _ 175833047715 . jpg '
],
指示:为真,autoplay: true,interval: 3000,工期: 500,barragetextcolor:'#d3d3d3 ',barrage _ inputtext: ' none ',弹幕_射击文本颜色: '黑色',bind _ shootvalue: ' ',弹幕_style:[],barragefly_display:'none ',},
//生命周期功能-监控页面加载
onload:function(选项){
that=this
//获取屏幕宽度
wx.getsysteminfo({
成功:功能(res) {
that.setdata({
barra _ phone width : res . window width-100,})
}
})
phonewidth=that.data。弹幕phone width(_ w)
控制台。log(电话宽度);
},
//是否打开弹幕.
barrageswitch:功能(e){
控制台。log(e);
//先判断没有打开
if(!e.detail.value){
//清空弹幕
弹幕_ style _ arr=[];
//设置数据的值
this.setdata({
barragetextcolor:'#d3d3d3 ',barrage _ inputtext: ' none ',barragefly_display:'none ',弹幕_样式:弹幕_样式_arr,});
//清除定时器
clearinterval(计时器);
}else{
this.setdata({
barragetextcolor:'#04be02 ',barrage _ inputtext: ' flex ',barragefly_display:'block ',});
//打开定时器
定时器=设置时间间隔(这。barragetext _ move,800)
}
},
//发射按钮
枪击:功能(e){
//字体颜色随机
var text color=' rgb(' parseint(math . random * 256)',' parse int(math。random * 256)',' parse int(数学。random * 256)')';
////设置弹幕字体的水平位置样式
//var text width=-(此。数据。bind _ short值。长度* 0);
//设置弹幕字体的垂直位置样式
var barragetext _ height=(数学。random)* 266;
弹幕_样式_obj={
//textwidth:textwidth,barragetext _ height : barragetext _ height,spark _ short text : this。数据。bind _ short值,弹幕_ shoottextcolor : textcolor,弹幕_phonewidth:phonewidth
};
弹幕_样式_arr.push(弹幕_样式_ obj);
this.setdata({
弹幕_样式:弹幕_样式_arr,//发送弹幕
bind _ short值: ' '//清空输入框
})
//定时器让弹幕动起来
//这个。定时器=设置时间间隔(这。barragetext _ move,800);
},
//定时器让弹幕动起来
barragetext_move:函数{
var timer num=barra _ style _ arr。长度;
var textmove
for(var i=0;i p=
textmove=弹幕_style_arr[i].弹幕phone width(_ w)
控制台。log(' barra _ style _ arr[' i ']).弹幕_phonewidth - : '弹幕_style_arr[i].弹幕_电话宽度);
text move=text move-20;
弹幕_样式_arr[i].barrage _ phonewidth=textmove
//走完的移除掉
if(textmove=-100){
//清除超时(此。计时器);
拦河坝_style_arr.splice(0,1);
我-;
//全部弹幕运行完
如果
(拦河坝_style_arr.length==0){
this.setdata({
弹幕_样式:弹幕_样式_arr,})
//clearinterval(this . timer);
返回;
}
}
console . log(' i ' th timer : ',text move);
this.setdata({
弹幕_样式:弹幕_样式_arr,})
}
},
//绑定启动输入框,将值传递给数据中的bind _ shootvalue,启动时调用
bind _ short : function(e){
this.setdata({
bind _ short value : e . detail . value
})
},
})
因为刚接触小程序,对一些语句的用法不太了解。所以我遇到了一些问题:
1.获取js中wxml的控制信息。
js:
barrageswitch:功能(e){
console . log(e);
}
上一篇:微信小程序隐藏头部功能有哪些
下一篇:个人不能注册小程序
368位用户关注
461位用户关注
287位用户关注
865位用户关注
350位用户关注
533位用户关注
75位用户关注
50位用户关注
31位用户关注
60位用户关注
41位用户关注
20位用户关注