精华内容
下载资源
问答
  • 在VC++6.0写MFC程序时,在类向导中切换类的时候(准备切换类后添加command型函数)出现上面的错误,下面是弹出的图片。 ![点击时](https://img-ask.csdn.net/upload/201511/03/1446519185_193842.jpg) ![点击后弹出]...
  • 关于微信小程序外卖界面实现选购切换分类与数量加减功能开发步骤: 效果图 实现以下功能 一、 点击分类项,切换右边的食品,并高亮自身 这个实现比较简单,给一个states数组,用于记录每一项分类的状态,点击...

    关于微信小程序外卖界面实现选购切换分类与数量加减功能开发步骤:

    效果图

    实现以下功能

    一、 点击分类项,切换右边的食品,并高亮自身 
    这个实现比较简单,给一个states数组,用于记录每一项分类的状态,点击设为true,wxml渲染时三目运算判断即可。

     
    1. categoryStates = categoryStates.map(function (item, i) {
    2. if (index == i) {
    3. item = true;
    4. } else {
    5. item = false;
    6. }
    7. return item;
    8. });

    相应的wxml文件,class="{{categoryStates[index] ? 'category-item-active' : ''}}"

    二、 加减按钮 
    初始只有一个加号 
    点击加号后,相应商品数量+1,并出现减号 
    减至0时,减号消失,连同数量值

    设计数组结构

     
    1. cartData: {},它的键是Food表的objectId,值是数量。
    2. 以下是js代码实现
    3. add: function (e) {
    4. // 所点商品id
    5. var foodId = e.currentTarget.dataset.foodId;
    6. console.log(foodId);
    7. // 读取目前购物车数据
    8. var cartData = that.data.cartData;
    9. // 获取当前商品数量
    10. var foodCount = cartData[foodId] ? cartData[foodId] : 0;
    11. // 自增1后存回
    12. cartData[foodId] = ++foodCount;
    13. // 设值到data数据中
    14. that.setData({
    15. cartData: cartData
    16. });
    17. }

    在wxml文件中绑定数据如下

     
    1. <view class="stepper">
    2. <!-- 减号 -->
    3. <view class="symbol subtract" wx:if="{{cartData[item.objectId]}}">-</view>
    4. <!-- 数量 -->
    5. <view class="value">{{cartData[item.objectId]}}</view>
    6. <!-- 加号 -->
    7. <view class="symbol add" bindtap="add" data-food-id="{{item.objectId}}">+</view>
    8. </view>

    上述代码中,通过wx:if判断当前商品的数量是否存在,无则不显示减号按钮;而在加号按钮旁要显示的数量就是{{cartData[item.objectId]}};点击事件传递的foodId就是{{item.objectId}}

    减法按钮类似

     
    1. subtract: function (e) {
    2. // 所点商品id
    3. var foodId = e.currentTarget.dataset.foodId;
    4. // 读取目前购物车数据
    5. var cartData = that.data.cartData;
    6. // 获取当前商品数量
    7. var foodCount = cartData[foodId];
    8. // 自减1
    9. --foodCount;
    10. // 减到零了就直接移除
    11. if (foodCount == 0) {
    12. delete cartData[foodId]
    13. } else {
    14. cartData[foodId] = foodCount;
    15. }
    16. // 设值到data数据中
    17. that.setData({
    18. cartData: cartData
    19. });
    20. }

    减法与加法基本类似,值得一提的是,减法要判断非负的合法性,所以将自减至零时,直接将元素通过delete操作移除,省去后续提交购物车遍历汇总的非零判断的烦琐。

    Todo List 
    购物车动画 
    购物车逻辑 
    提交数据到后端存储

    展开全文
  • 注:以下三个例子,均以切换active为例一、切换toggleClass&lt;div class="btn" :class="{'active':isChoose}" @click="togglePay"&gt;&lt;/div&gt; data(){ ...

    注:以下三个例子,均以切换active为例

    一、切换

    toggleClass

    <div class="btn" :class="{'active':isChoose}" @click="togglePay"></div>
    
    data(){
    	return {				
    		isChoose : false
    	}
    },
    
    methods:{
    	togglePay:function(){
    		this.isChoose = !this.isChoose
    	}
    }

    效果如下图:



    二、单选

    <div class="btn" :class="{'active':isChoose==index}" @click="isChoose=index"><span></span></div>
    data(){
        return {
    	isChoose : null
        }
    },

    效果如下图:



    三、多选


    <template>
        <ul>
    	<li v-for="(item,index) in cartList">
    		<div class="btn" :class="{'active':item.active}" @click="togglePay(item,index)"></div>
    	</li>
        </ul>
    <script > 
        import Vue from 'vue'
        export default{
            methods:{
                togglePay:function(item,index){	
    		if(item.active){
    		    Vue.set(item,'active',false);//为item添加不存在的属性,需要使用vue提供的Vue.set( object, key, value )方法。 
    		}else{
    		    Vue.set(item,'active',true);
    		}
    	     }}
    	}
    </script>




    展开全文
  • JS切换类并显示相应的内容模块

    千次阅读 2018-01-26 23:49:18
    思路:一层循环遍历操作的元素并获取当前遍历到的元素的下标,通过下标去选择显示对应的内容模块。 二层循环将元素恢复操作前的状态。 var fbUls =document.getElementById("oUl");...var fbLis = fbUls....

    思路:一层循环遍历操作的元素并获取当前遍历到的元素的下标,通过下标去选择显示对应的内容模块。

    二层循环将元素恢复操作前的状态。

    <!--- JS -->

    var fbUls =document.getElementById("oUl");
    var fbLis = fbUls.getElementsByTagName("li");
    var aDivs = document.getElementsByClassName("theDiv");
    for(var i = 0,val=fbLis.length;i<val;i++){
        fbLis[i].index = i; //存放当前元素的下标
        fbLis[i].onclick = function(){
            for(var j=0; j< fbLis.length; j++){
                fbLis[j].className="";
                aDivs[j].style.display = "none";
            }
            //给当前点击的元素添加活跃标记
            this.className="liactive";
            //显示对应的模块内容
            aDivs[this.index].style.display = "block";
        };
    }
    <!-- HTML -->

    <div>
        <ul id="oUl">
            <li class="liactive">首页</li>
            <li>产品</li>
            <li>合作</li>
        </ul>
    </div>
    <div class="theDiv" id="oDiv1" style="display:block;">首页模块内容:这是首页</div>
    <div class="theDiv" id="oDiv2">产品模块内容:这是产品</div>
    <div class="theDiv" id="oDiv3">合作模块内容:这是合作</div>
    <!-- 效果 -->


    展开全文
  • 微信小程序 4个tab框切换分类

    千次阅读 2018-05-18 16:55:45
    /*tab框切换*/ .nav_tab{ width:100%; height:100rpx; display:flex; flex-direction:row; } .show{ line-height:100rpx; text-align:center; flex:1; color:#333333; font-size:28rpx; opacity: 0.5; } ....

    效果图


    wxml:

       <!-- tab框 衣服 裤子 套装 女鞋 -->
      <view class="nav_title">
          <view class="nav_tab">
          <view wx:for="{{list}}" class="{{selected==index?'hidden':'show'}}" data-index='{{index}}' bindtap="selected">{{item}}
          <view class="{{selected==index?'nav_underline':''}}"></view>
          </view>
          </view>
          <!-- tab框显示内容 -->
          <view wx:if="{{selected == 0}}">aaa</view>
          <view wx:if="{{selected == 1}}">bbb</view>
          <view wx:if="{{selected == 2}}">ccc</view>
          <view wx:if="{{selected == 3}}">ddd</view>
    </view> 
    

    wxss:

    /*tab框切换*/
    .nav_tab{
      width:100%;
      height:100rpx;
      display:flex;
      flex-direction:row;
    }
    .show{
      line-height:100rpx;
      text-align:center;
      flex:1;
      color:#333333;
      font-size:28rpx;
      opacity: 0.5;
    }
    .hidden{
      line-height:100rpx;
      text-align:center;
      color:#ef9ba8;
      flex:1;
      font-size:28rpx;
    }
    .nav_underline{
      background:#ef9ba8;
      width:54rpx;
      height:6rpx;
      margin-top:-10rpx;
      margin-left:70rpx;
      border-radius:8rpx;
    }

    js:

    data:{
        //tab框
        selected: 0,
        list: ['上衣','裤子','套装','女鞋']
    }
     //tab框
      selected: function (e) {
        console.log(e)
        let that= this
        let index = e.currentTarget.dataset.index
        console.log(index)
        if( index == 0){  
          that.setData({
            selected: 0
          })
        }else if( index == 1) {
          that.setData({
            selected: 1
          })
        }else if(index == 2 ){
          that.setData({
            selected: 2
          })
        }else{
          that.setData({
            selected: 3
          })
        }
      },


    展开全文
  • C# 输入法切换类

    千次阅读 2006-07-13 15:38:00
    using System; using System.Runtime.InteropServices; using System.Collections; using Microsoft.Win32; namespace Screen { /// /// Ime 的摘要说明。 /// 实现本地化输入法 /// 参考Delphi中的实现 /// public ...
  • android切换输入法工具

    千次阅读 2016-08-08 15:48:00
    android切换输入法工具共享一个切换输入法的工具,可以实现以下功能 检测输入法是否安装 安装输入法 切换输入法(在utf7Ime和android之间切换,如果需要切换成其他的输入法,请自行修改)import android.util....
  • 今天就为大家介绍场景切换管理切换方法和单例的使用方法。 案例源码:https://github.com/hkjlx/qhcj 首先创建一个所有场景的父类Scene Scene主要是为了方便管理场景,此类是一个抽象,子类必须继承此类并...
  • vue动态切换class

    千次阅读 2018-04-04 17:38:38
    &lt;div id="wrap" class="box"&gt; &lt;div :class="...动态切换class&lt;/div&gt; &lt;/div&gt; &lt;/template&gt; &lt;
  • 自制Qt Quick场景切换管理

    千次阅读 2015-08-31 20:45:14
    自制Qt Quick场景切换管理  QtQuick中有很多方法进行场景的切换,比如说使用Loader切换source的办法,还有StackView中对界面item进行push和pop进行操作。甚至自己也可以写方法,对item的显隐进行操作。当然上述...
  • 跟着慕课网的教程学习了一下伪 ,然后试着练习了一下用CSS伪来实现背景图片切换。 先上一下效果图,当我点击圆圈里的缩略图的时候,背景图片就会变为与缩略图一样的图片。 要用到的伪及其作用有: 1、nth-...
  • WX小程序TAB栏切换 / 小程序商品分类

    千次阅读 2018-03-29 09:50:57
    微信小程序实现tab栏切换功能实现商城分类功能1.实现上图, 分类切换功能 2. 思路: 通过点击tab栏, 来显示和隐藏对应的内容部分3.注意事项: 调取数据时, 需要和后台沟通清楚, 接口结构1. view层&lt;view class='...
  • 动态切换类: ``` public class DynamicDataSource extends AbstractRoutingDataSource { @Override protected Object determineCurrentLookupKey() { System.out.println("切换数据源到:" + ...
  • 最近有个一需求需要根据外界环境的属性(操作系统 || yml属性 || 其他bean的状态) 来实现启动时注入两套不同的实现, 实现切换. 实现启动时条件注入分2步: 第一步 使用@Conditional(参数为 True false条件实现 ...
  • bootstrap (active切换

    万次阅读 2016-11-11 10:07:04
    在一个按钮组中,给一个按钮赋予active使其处于默认状态,当点击其他按钮时移除active并赋予当前按钮。 $(document).ready(function () { $('#ball').click(function (e) { e.preventDefault(); $('#ball')....
  • COCOS2-X 切换场景动画

    千次阅读 2013-08-16 16:12:36
    切换场景事件菜单 CCMenuItemImage* imgMenub = CCMenuItemImage::create("selected_scene_but.png","selected_scene_but_run.png",this,menu_selector(MyScene::changeScene)); //切换场景方法 void
  • 文章目录Springboot - Redis 同源切换db,切换数据库1、使用RedisTemplate 切换同源的Redis DB ...依托于Springboot 提供的RedisTemplate ,或者自己实现的继承于RedisTemplate 的也可以 /** ...
  • 本文主要总结用QStackedLayout的用法,主要通过新建一个实例,体现QStackedLaout可以应用在切换菜单上。QStackedLaout是属于布局管理器中的一个常用。 下面是一个实例,该实例是顶部两个菜单按钮,分别点击...
  • 页面滑动切换Launcher滑动屏幕实现)

    万次阅读 多人点赞 2012-01-12 20:38:37
    下面的这个例子也是从网上找来的,不是自己写的,一直想学习下,但是一直没有写,以前也研究研究的是launcher的页面跳转,launcher修改--左右滑动屏幕切换源码追踪说实话,那个代码有点复杂,所以理解的也不是很透彻...
  • 实现了滑动更换页面同时切换底部Tab的图标、文字的颜色,同时也支持点击底部Tab达到切换页面的效果,有点类似微信首页布局 外带实现toolbar overflow菜单显示图标。 2.代码实现 2.1 效果截图(资源来源于网络,做...
  •  我想了一下,因为所有的子窗口都可以说是有共同特性的对象,觉得用抽象来代表一个最原始的子窗口,并在这个抽象中建立一个方法专门来负责窗口切换,所有继承它的子窗口都可以用到这个方法来实现切换功能。...
  • android 将应用切换到前台的工具

    千次阅读 2020-06-09 20:42:02
    * 当本应用位于后台时,则将它切换到最前端 * * @param context */ public static void setTopApp(Context context) { if (!isRunningForeground(context)) { /**获取ActivityManager*/ .
  • TranslateAnimation是Android系统中的位置变化动画,用于控制View对象的位置变化,该继承于Animation。TranslateAnimation中的很多方法都与Animation一致,该中最常用的方法便是TranslateAnimation...
  • 切换是“先切换,后断开”,移动节点只有在取得了与新基站的链接之后,才会中断与原基站的联系,因此在切换过程中没有中断,不会影响通话质量;软切换由于是在频率相同的基站间进行,在两基站或多基站覆盖区的交界...
  • 1.redis 主从备份并自动切换(master slaver)模式的搭建 2.java 中 配合redis主从备份的方法 【实现目标】: master redis 正常运行 slaver redis 自动备份 master 的所有数据 当master redis 冗掉 slaver ...
  • $('#box').toggleClass('active'); 调用该方法时,如果box类名中有active,则会removeClass,如果没有,则会addClass
  • Flutter 切换主题

    千次阅读 2019-07-31 17:04:43
    效果: 本文是基于provide进行切换主题的,其他状态管理框架的话也大同小异。 核心思想: 创建一个主题色列表 根据下标取值配置主题色 通过状态管理动态修改主题色列表的下标,...创建主题色管理 import '...
  • 切换的过程很简单,初始视图如下: 我们需要做的事点击视图->解决方案资源管理器,如下 完成,结果如下
  • jQuery点击切换增加和删除class

    千次阅读 2019-08-27 11:45:54
    $("text").click(function () { if ($(this).parent().hasClass("select")) { $(this).parent().removeClass("select"); } else { ...
  • 因为我懒得重新写页面,也就是不从数据库中取值,而是单纯的实现显示与隐藏小分类的切换,这样效果也是一样的。但是实际中,往往都是要从数据库中取值的,例如添加或删除了分类什么的,所以直接用商城项目里的代码了...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 780,772
精华内容 312,308
关键字:

切换类