vue第五课:图片切换实例

Posted 我爱写代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue第五课:图片切换实例相关的知识,希望对你有一定的参考价值。

知识点:

1,定义图片数组 2,添加图片索引 3,绑定src属性 4,图片切换逻辑

需求:

  1. 第一张图片不显示上一页(隐藏)
  2. 最后一张图片不显示下一页(隐藏)
  <div id=\'app\'>
  <img :src="imgarr[index]">
  <a href="#" v-show="index!=0" @click="prev">
    <img src="./img/prev.gif">
    </a>
  <a href="#" v-show="index<imgarr.length-1"  @click="next">
    <img src="./img/next.gif">
   </a>
  </div>
  <script>
    Vue.config.productionTip = false //阻止vue在启动时生成生产提示。
    var app = new Vue(
      el: \'#app\',
      data: 
       imgarr:[
        "./img/1.jpg",
        "./img/2.jpg",
        "./img/3.jpg",
        "./img/4.jpg",
        "./img/5.jpg",
        "./img/6.jpg",
       ],
       index:0,
      ,
     methods: 
      prev:function()
        this.index--;
      ,
      next:function()
        this.index++;
      
     ,
    )
  </script>

 

第五课: 模拟器的绑定与文本发送应用.exe

下面是征途自动输入账号和密码的 简单流程

1:  第一步先注册大漠到系统

申请几个程序集变量

技术分享图片

注册大漠VIP代码实例

图片1

技术分享图片

图片2

技术分享图片

2  大漠绑定游戏窗口

第一步: 先获取游戏窗口句柄

图片3:

技术分享图片

第二步  根据句柄绑定大漠

图片3:

技术分享图片

 

3  就是游戏操作输入账号和密码

注意点: 

1  因为要用到模拟器支持库 必须先初始化模拟器

2  因为要用到   dm.发送文本2_VIP  必须先进行安装输入法 代码如下

dm.发送文本2_VIP (征途游戏_句柄, “xxxxxxxxxxx”, 200)

用完了 卸载输入法

dm.发送文本2_VIP (征途游戏_句柄, “xxxxxxxxxxx”, 300)

 

具体代码如下

图片4:

 

.子程序 _按钮_征途自动登录_被单击

‘ 复制模拟器
_按钮_多开模拟器_被单击 (2)
输出日志 = “正在复制模拟器....!”
列表框_日志输出.加入项目 (输出日志, )
延迟 (10000)
输出日志 = “复制模拟器成功....!”
列表框_日志输出.加入项目 (输出日志, )

‘ 打开模拟器
雷电_启动模拟器 (“1”)
输出日志 = “正在打开模拟器中....!”
列表框_日志输出.加入项目 (输出日志, )
延迟 (15000)
输出日志 = “打开模拟器成功....!”
列表框_日志输出.加入项目 (输出日志, )
‘ 绑定模拟器
_按钮_获取句柄_被单击 ()
_按钮_绑定模拟器_被单击 ()
‘ 打开征途
雷电_启动应用 (“1”, “com.tencent.tmgp.seal”)
输出日志 = “正在打开征途中....!”
列表框_日志输出.加入项目 (输出日志, )
延迟 (15000)
输出日志 = “关闭征途片头画面....!”
雷电_鼠标点击 (“1”, 100, 100)
延迟 (10000)
输出日志 = “打开征途片成功....!”
列表框_日志输出.加入项目 (输出日志, )

‘ 输入QQ账号和密码
dm.鼠标移动 (608, 477)
辅助延时 (2000)
dm.鼠标_左键单击 ()

‘ 安装输入法
dm.发送文本2_VIP (征途游戏_句柄, “”, 200)
‘ 输入账号
辅助延时 (5000)
dm.鼠标移动 (381, 169)
辅助延时 (2000)
dm.鼠标_左键单击 ()
辅助延时 (1000)
‘ 清除原来的账号
.计次循环首 (12, )
     dm.键盘_按键 (#退格键)
     辅助延时 (20)
.计次循环尾 ()
辅助延时 (2000)

dm.发送文本2_VIP (征途游戏_句柄, “xxxxxxxxx”, 0)
输出日志 = “输入账号....!”
列表框_日志输出.加入项目 (输出日志, )


‘ 输入密码
辅助延时 (1000)
dm.鼠标移动 (378, 229)
辅助延时 (2000)
dm.鼠标_左键单击 ()
辅助延时 (1000)
dm.发送文本2_VIP (征途游戏_句柄, “xxxxxxxxx”, 0)
输出日志 = “输入密码....!”
列表框_日志输出.加入项目 (输出日志, )
辅助延时 (1000)
输出日志 = “登录游戏....!”
列表框_日志输出.加入项目 (输出日志, )
dm.鼠标移动 (478, 284)
辅助延时 (2000)
dm.鼠标_左键单击 ()
‘ 卸载输入法
dm.发送文本2_VIP (征途游戏_句柄, “”, 300)
辅助延时 (10000)

 

注意:  必须有1: 易辅论坛的VIP雷电模拟器支持库  2 :易辅论坛的VIP模块  3:大漠的VIP插件  不然上面会出问题    4 : “xxxxxxxxx”  账号  , 密码































































以上是关于vue第五课:图片切换实例的主要内容,如果未能解决你的问题,请参考以下文章

Scrapy学习第五课

Python第五课,类 对象排序单例继承

PHP第五课 自己主动类型转换与流程控制

购物车小程序的实现 python 进阶第五课

第五课: 预测得准确吗

第五课 进程管理