精华内容
下载资源
问答
  • 微信小程序 点击卡片切换 动画效果

    千次阅读 2018-07-25 17:33:58
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: html <view class='aa'> <image animation="{{animationData0}}" class='img0' style='z-index: {{index_0}};' ...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

    正文:

    html

    <view class='aa'>
      <image animation="{{animationData0}}" class='img0' style='z-index: {{index_0}};' bindtap='bindtap_img' id='0' src="{{clubs[0].image}}"></image>
      <image animation="{{animationData1}}" class='img1' style='z-index: {{index_1}};' bindtap='bindtap_img' id='1' src="{{clubs[1].image}}"></image>
      <image animation="{{animationData2}}" class='img2' style='z-index: {{index_2}};' bindtap='bindtap_img' id='2' src="{{clubs[2].image}}"></image>
    </view>
    
    <view class='is_height_1' id="is_height_1" style='height:120rpx;width:300rpx;'></view>
    <view id="is_height_2" style='height:380rpx;width:200rpx;'></view>
    

    css

    
    page{
      background: #3B4595
    }
    .aa{
      position: relative;
      margin-top: 50rpx;
    }
    .img0{
      border-radius: 5rpx;
      position: absolute;
      left:180rpx;
      width: 375rpx;
      height: 230rpx;
      
    }
    .img1{
      border-radius: 5rpx;
      position: absolute;
      left: 60rpx;
      width: 240rpx;
      height: 150rpx;
      top: 40rpx;
    }
    .img2{
      border-radius: 5rpx;
      position: absolute;
      left: 440rpx;
      width: 240rpx;
      height: 150rpx;
      top: 40rpx;
    }

    js

    
    var is_1_height, is_1_width, is_2_height, is_2_width, is_img0_width, is_img0_height, is_img1_width, is_img1_height;
    var item = 0;
    var fangxiang;
    Page({
      data: {
        index_0: 3,
        clubs: [{ image: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532684585498&di=39c818a83b5f9d295a662dc9cb3deb4a&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0117e2571b8b246ac72538120dd8a4.jpg%401280w_1l_2o_100sh.jpg' }, { image: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532684585498&di=03509b946c2086ab814276a076ec9069&imgtype=0&src=http%3A%2F%2Fimg07.tooopen.com%2Fimages%2F20170316%2Ftooopen_sy_201956178977.jpg' }, { image: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532684585497&di=d3bb16864ad73dfedc225209a218ed74&imgtype=0&src=http%3A%2F%2Fwww.qqma.com%2Fimgpic2%2Fcpimagenew%2F2018%2F4%2F5%2F6e1de60ce43d4bf4b9671d7661024e7a.jpg' }]
      },
    
      onShow: function () {
        this.animation1 = this.animation2 = this.animation0 = wx.createAnimation({
          duration: 600,
          timingFunction: 'ease',
        })
      },
      bindtap_img: function (e) {
        var that = this;
        switch (item) {
          case 0:
            if (e.target.id == 0) {
              this.setData({
                index_0: 3,
              })
              item = 0;
            } else if (e.target.id == 1) {
              this.setData({
                index_2: 0,
                index_0: 2,
                index_1: 3,
              })
              fangxiang = 'right';
              item = 1;
            } else if (e.target.id == 2) {
              this.setData({
                index_1: 0,
                index_0: 2,
                index_2: 3,
              })
              fangxiang = 'left';
              item = 2
            }
            break;
          case 1:
            if (e.target.id == 0) {
              this.setData({
                index_2: 0,
                index_1: 2,
                index_0: 3,
              })
              item = 0
            } else if (e.target.id == 1) {
              this.setData({
                index_1: 3,
              })
              fangxiang = 'right';
              item = 1
            } else if (e.target.id == 2) {
              this.setData({
                index_0: 0,
                index_1: 2,
                index_2: 3,
              })
              fangxiang = 'left';
              item = 2
            }
            break;
          case 2:
            if (e.target.id == 0) {
              this.setData({
                index_0: 3,
                index_2: 2,
                index_1: 0,
              })
              item = 0
            } else if (e.target.id == 1) {
              this.setData({
                index_0: 0,
                index_2: 2,
                index_1: 3,
              })
              fangxiang = 'right';
              item = 1
            } else if (e.target.id == 2) {
              this.setData({
                index_2: 3,
              })
              fangxiang = 'left';
              item = 2
            }
            break;
          default:
            console.log('11111')
        }
        if (e.target.id == 1) {
          // 先旋转同时放大,然后平移
          this.animation0.scale(is_img1_width / is_img0_width, is_img1_height / is_img0_height).translateX(is_1_width).step()
          this.setData({
            animationData0: this.animation0.export(),
          })
          this.animation1.scale(is_img0_width / is_img1_width, is_img0_height / is_img1_height).translateX(is_1_height).step()
          this.setData({
            animationData1: this.animation1.export(),
          })
          this.animation2.scale(1, 1).translateX(-is_2_height).step()
          this.setData({
            animationData2: this.animation2.export(),
          })
        } else if (e.target.id == 2) {
          // 先旋转同时放大,然后平移
          this.animation0.scale(is_img1_width / is_img0_width, is_img1_height / is_img0_height).translateX(-is_1_width).step()
          this.setData({
            animationData0: this.animation0.export(),
          })
          this.animation1.scale(1, 1).translateX(is_2_height).step()
          this.setData({
            animationData1: this.animation1.export(),
          })
          this.animation2.scale(is_img0_width / is_img1_width, is_img0_height / is_img1_height).translateX(-is_1_height, is_2_width).step()
          this.setData({
            animationData2: this.animation2.export(),
          })
        } else if (e.target.id == 0) {
          // 先旋转同时放大,然后平移
          this.animation0.scale(1, 1).translateX(0).step()
          this.setData({
            animationData0: this.animation0.export(),
          })
          this.animation1.scale(1, 1).translateX(0).step()
          this.setData({
            animationData1: this.animation1.export(),
          })
          this.animation2.scale(1, 1).translateX(0).step()
          this.setData({
            animationData2: this.animation2.export(),
          })
        }
        var clubs = this.data.clubs;
        this.setData({
          index: e.target.id,
          current: clubs[e.target.id]
        })
      },
    
      onLoad: function (options) {
        wx.createSelectorQuery().select('#is_height_1').boundingClientRect(function (rect) {
          is_1_width = Number(rect.width)
          is_1_height = Number(rect.height)  // 节点的宽度
        }).exec();
        wx.createSelectorQuery().select('#is_height_2').boundingClientRect(function (rect) {
          is_2_width = Number(rect.width)  // 节点的宽度
          is_2_height = Number(rect.height)  // 节点的宽度
    
        }).exec();
        wx.createSelectorQuery().select('.img0').boundingClientRect(function (rect) {
          is_img0_width = Number(rect.width)  // 节点的宽度
          is_img0_height = Number(rect.height)  // 节点的宽度
          console.log(is_img0_width)
        }).exec();
        wx.createSelectorQuery().select('.img1').boundingClientRect(function (rect) {
          is_img1_width = Number(rect.width)  // 节点的宽度
          is_img1_height = Number(rect.height)  // 节点的宽度
        }).exec();
      },
    })  
    

     

    展开全文
  • Dell Inspiron 5576 显卡驱动程序一直无法安装或不认识显卡,是坑??? 二.问题解决 2.1Dell 主板升级bios BIOS是基本输入/输出系统(也称为系统设置)的缩略词。BIOS是嵌在PC系统主板或主板上小型存储器芯片的...

    一. 出现问题

    在这里插入图片描述
    Dell Inspiron 5576 显卡驱动程序一直无法安装或不认识显卡,是坑???

    二.问题解决

    2.1Dell 主板升级bios

    BIOS是基本输入/输出系统(也称为系统设置)的缩略词。BIOS是嵌在PC系统主板或主板上小型存储器芯片的固件。它充当PC的硬件和操作系统之间的接口。此外,BIOS还包含一些指令,PC可使用它们来执行基本指令(例如,是否通过网络或硬盘驱动器启动)。

    首次启动PC时,BIOS将激活启动或引导至操作系统所需的全部基本硬件,包括但不限于:

    • 芯片组
    • 处理器和高速缓存
    • 系统内存/RAM
    • 图形和音频控制器
    • 键盘和鼠标
    • 内置驱动器
    • 网络控制器
    • 内置扩展卡

    2.2为什么要更新电脑上的bios?
    戴尔建议您将BIOS更新包括在计划更新周期内。BIOS更新是一种软件实用程序,用于更新PC中的最基本硬件的编程。BIOS更新通常可修复问题和/或向PC的BIOS添加功能。与操作系统和驱动程序版本类似,BIOS更新包含了功能增强或更改,它们有助于使系统软件保持最新版本并且与其他系统模块(硬件、固件、驱动程序和软件)兼容,以及提供安全更新并增强稳定性。

    2.3解决步骤

    (1)百度搜索dell官网,打开支持下面的查看全部 技术支持,搜索相应相应型号inspiron 5576
    在这里插入图片描述
    在这里插入图片描述
    (2)进入相应型号页面之后 ,进行详细搜索bios,选择左侧下载和驱动程序
    在这里插入图片描述(3)下载,双击安装,注意这时候有可能会报错,插上电源可解决
    在这里插入图片描述当前bios驱动下载链接:https://downloads.dell.com/FOLDER04799277M/1/Inspiron_5576_1.0.7.EXE?uid=124051f1-f856-456d-54ef-e83453b6c18a&fn=Inspiron_5576_1.0.7.EXE

    2.4bios更新成功
    在这里插入图片描述
    2.5自动重启之后,显卡驱动安装成功

    三.参考

    如何给Dell电脑的Bios进行升级:
    https://jingyan.baidu.com/article/a681b0de60b2263b184346b0.html

    戴尔BIOS更新 :
    https://www.dell.com/support/article/cn/zh/cndhs1/sln129956/%E6%88%B4%E5%B0%94bios%E6%9B%B4%E6%96%B0?lang=zh

    展开全文
  • 微信小程序添加卡券,领取到卡包

    万次阅读 2018-08-20 18:31:09
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 小程序实现代码: onLoad: function(option) { wx.addCard({ cardList: [{ "cardExt": '{"nonce_str":"42a34c6e84334c69961f5294643ad...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

    小程序实现代码:

      onLoad: function(option) {
        wx.addCard({
          cardList: [{
            "cardExt": '{"nonce_str":"42a34c6e84334c69961f5294643ad331","code":"892237947","signature":"6211eb80ec26b4054c566b3a7d1868fa304183f4","timestamp":"1541723819"}',
            "cardId": "pCS2i1DQQWELTTEcORmb-irOTRqo"
          }],
          success(res) {
            console.log(res.cardList) // 卡券添加结果
          }
        })
    }

     

    页面加载的时候,调用 wx.addCard API ,如图:领取,然后打开微信卡包页面,领取成功后可点击立即使用,

    展开全文
  • 微信小程序之选项

    万次阅读 2016-11-18 11:33:10
    从事前端的同学们一定不会对选项陌生,不管是自己原生写的,还是各个UI框架里带的,我想大家都使用过很多选项,对选项的原理也足够清楚了,下面我们来在微信小程序里实现选项的功能。微信小程序里没有自带...

    从事前端的同学们一定不会对选项卡陌生,不管是自己原生写的,还是各个UI框架里带的,我想大家都使用过很多选项卡,对选项卡的原理也足够清楚了,下面我们来在微信小程序里实现选项卡的功能。

    微信小程序里没有自带选项卡组件,但是却带有swiper组件,所以,我们便利用swiper来实现选项卡的功能。

    先看效果图:

    这里写图片描述
    这里写图片描述

    实现代码:

    页面代码:

    <view class="swiper-tab">
        <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab"></view>
        <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab"></view>
        <view class="swiper-tab-item {{currentTab==2?'active':''}}" data-current="2" bindtap="clickTab"></view>
    </view>
    
    <swiper current="{{currentTab}}" duration="300"  bindchange="swiperTab">
        <swiper-item><view>第一屏</view></swiper-item>
        <swiper-item><view>第二屏</view></swiper-item>
        <swiper-item><view>第三屏</view></swiper-item>
    </swiper>

    js代码:

    var app=getApp()
    Page({
      data:{
        currentTab:0
      },
      onLoad:function(options){
        // 页面初始化 options为页面跳转所带来的参数
    
      },
      //滑动切换
      swiperTab:function( e ){
        var that=this;
        that.setData({
          currentTba:e.detail.current
        });
      },
      //点击切换
      clickTab: function( e ) {  
    
        var that = this;  
    
        if( this.data.currentTab === e.target.dataset.current ) {  
          return false;  
        } else {  
          that.setData( {  
            currentTab: e.target.dataset.current  
          })  
        }  
      }  
    
    })

    css代码:

    .swiper-tab{
        width: 100%;
        border-bottom: 2rpx solid #ccc;
        text-align: center;
        height: 88rpx;
        line-height: 88rpx;
        font-weight: bold;
    }
    .swiper-tab-item{
        display: inline-block;
        width: 33.33%;
        color:red;
    }
    .active{
        color:aqua;
        border-bottom: 4rpx solid red;
    }
    展开全文
  • 微信小程序选项切换

    万次阅读 2018-01-14 13:18:29
    在开发微信小程序的时候,会遇到选项切换,这里有一个小例子,可以做为参考,代码如下 结构部分: view class="swiper-tab"> view class="swiper-tab-item {{currentTab==0?'active':''}}" data-...
  • 微信小程序选项页面切换

    万次阅读 2018-01-31 21:13:37
    最近搞了个微信小程序切换的demo,有点像头条的那个,我给你大家分享下。 代码如下: index.wxml view class='topTabSwiper'> view class='tab {{currentData == 0 ? "tabBorer" : ""}}' data-current = "0...
  • 解决微信小程序银行号输入转换格式问题
  • 微信小程序-实现tab选项

    万次阅读 多人点赞 2019-06-20 10:20:44
    小程序开发中,有很多封装好的控件供开发者使用,但是,很常见的tab选项居然没有,只能自己搞一个。 实现原理也很简单,无非是用给view(tab)设置一个点击事件bintap,并且给view(tab)一个data-idx索引,根据当前...
  • 微信小程序开发之选项(窗口顶部TabBar)页面切换

    万次阅读 多人点赞 2016-10-23 11:53:26
    微信小程序开发中选项.在android中选项一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml 哈哈 呵呵 嘿嘿 我是哈哈 我是呵呵 ...
  • 微信小程序实现卡片层叠滑动效果

    万次阅读 2018-12-19 10:33:31
    实现效果:1.左右滑动时,向相应方向移动一个卡片位置; 2.点击某一项时,将点击项位置移动到中间位置; 代码如下: wxml: &lt;view class="teachers_banner"&gt; &... bi
  • 微信小程序滚动居中导航选项

    千次阅读 2019-02-11 16:33:36
    微信小程序头部导航经常会用到选项,一个会自动居中的选项的体验会比普通的选项要好很多。 效果示意图: 被选中的tab会始终居中显示。 利用微信小程序自带的组件scroll-view的scroll-left就很容易实现...
  • 微信小程序之仿淘宝分类入口 —— 微信小程序实战商城系列(2) 微信小程序之购物数量加减 —— 微信小程序实战商城系列(3) 微信小程序之商品属性分类 —— 微信小程序实战商城系列(4) ...
  • 2.循环法(适用于通过后台数据进行操作的选项) <!--index.wxml--> {{item}} [curIndex].index1}}" wx:for-index='index' data-index='{{index}}' > {{item}} /**index.wxss**...
  • Painter(微信小程序分享卡片)

    千次阅读 2019-01-26 15:37:01
    Painter 的优势 功能全,支持文本、图片、矩形、qrcode 类型的 ...杠杠的性能优化,我们对网络素材图片加载实现了一套 LRU 存储机制,不用重复下载素材图片。 杠杠的容错,因为某些特殊情况会导致 Canvas 绘图不完...
  • 微信小程序Tab选项切换大集合

    万次阅读 2018-09-23 18:10:37
    官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1、基本需求。 实现用户自定义弹框 带动画(动画可做参靠,个人要是觉得不好看可以自定义动画) 获取弹出框的内容...
  • 最近一阵老婆看到某些微信小程序中的音频资料很不错,想下载下来离线常听,但搞不定,就把任务布置给了我。我也在小程序中琢磨了一阵,根本就无从下手,后来也在网上狂找秘籍,也不得有效咨询。后来,我想播放的文件...
  • 微信小程序底部选项/导航栏的实现方法! 不过还是总结的说,就不说我经历了什么了。。 首先,在历经我一系列改革之后写出来的代码//nav_tp.wxml <navigator wx:for="{{navbar}}" data-idx="{{index}}
  • 本来一直做JAVA+HTML5开发,最近微信小程序比较火,就想研究研究一下,结果花了两天时间研究发现微信小程序的三层架构比较不错,数据动态绑定也比较好用,但是和传统开发相比,开始还是有些不太习惯,特别是不能用...
  • [微信小程序]点击切换卡片动画效果

    万次阅读 2017-11-28 12:00:36
    微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文: 先上效果图, GIF: <!--pages/roll/roll.wxml--> <!-- 单身 --> <block wx:if="{{danshen}}"> <view ...
  • 微信小程序之顶部选项(swiper)

    千次阅读 2017-08-26 11:45:31
    微信小程序顶部选项在开发中是非常常用的,下面用一点时间实现了一下。 效果图:
  • 小程序如何写一个优美的tab选项

    千次阅读 2018-07-17 15:15:25
    小程序如何写一个优美的tab选项? 最近有位朋友刚学小程序,于是乎给我传了他写的一个tab选项,昨天晚上恰有空闲,于是改了一下 写选项的方法有很多,方法也特别简单,本文就介绍一下就客户体验而言如何让写...
  • 微信小程序的tab选项的实现

    万次阅读 热门讨论 2017-11-01 15:07:20
    .wxml <!--pages/detail/detail.wxml--> ... if (this.data.currentTab === e.target.dataset.current) { return false; } else { that.setData({ currentTab: e.target.dataset.current }) } } })
  • 小程序自定义组件可滑动切换选项tab-view

    千次阅读 多人点赞 2018-08-26 22:32:33
    可滑动切换选项  基础库 1.6.0 开始支持,低版本需做兼容处理 属性 类型 默认值 说明 最低版本 tabs Array [] 必要属性,长度不少于2,建议不多于5,文本超出tab最大...
  • 公版:大多数的服务器可以使用从VMware官网中下载的VMware ESXi安装文件,扩展名已 .iso 结尾,一般大小为300M—400M左右 厂商定制版:Lenovo、HP、DELL、等品牌定制版,一般产商都会自己定制 个人定制版:个人定制...
  • 微信小程序实现卡片切换动画效果

    万次阅读 2018-04-14 23:43:19
    先上效果图index.wxmlMarkup&lt;view class="xin"&gt; &lt;view class="title"&gt;你有一封新的信件&lt;/view&gt; &lt;view class="... bindtouchen
  • 这里展示一个工作中用到的微信小程序的单选选项切换效果的制作方法效果如图:wxml:<view class="item" wx:for="{{data}}" wx:for-item="item" wx:for-index="idx" data-idx="{{idx}}" bindtap="chooseItem">
  • 微信小程序开发中窗口底部tab栏切换页面很简单很方便. 代码: 1.app.json //app.json { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", ...
  • currentNum: e.currentTarget.dataset.current }) } } }) components/navigator/index.wxss .scroll-view-x { background-color : #fff ; white-space : nowrap ; position : fixed ; z-...
  • if (_this.data.currentTab === e.target.dataset.current) { return false; } else { _this.setData({ currentTab: e.target.dataset.current }) } } }) 想要获得更多资料的 请微信搜索公众号 【热血...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 159,542
精华内容 63,816
关键字:

e行卡小程序下载安装