zoukankan      html  css  js  c++  java
  • avalon结合原生js tab切换

          <div class="fishqc-tap">
                <div ms-class="[@codePic!=''&&@codeInfo!=''?'tapHome':'changeToThree']">
                    <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == 'safety' && 'active'" ms-click="sortclick(@setting.safety)">安全榜单</a>
                </div>
                <div ms-class="[@codePic!=''&&@codeInfo!=''?'tapHome':'changeToThree']">
                    <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == 'recommend' && 'active'" ms-click="sortclick(@setting.recommend)">优品推荐</a>
                </div>
                <!-- <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == 'report' && 'active'" ms-click="sortclick(@setting.report)">即将上线</a> -->
                <div ms-visible="@codePic!=''&&@codeInfo!=''" class="tapHome">
                    <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == 'secret' && 'active'" ms-click="sortclick(@setting.secret)">中选秘籍</a>
                </div>
                <!-- <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == 'beforetry' && 'active'" ms-click="sortclick(@setting.beforetry)">试用报告</a> -->
                <div ms-class="[@codePic!=''&&@codeInfo!=''?'tapHome':'changeToThree']">
                    <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == 'report' && 'active'" ms-click="sortclick(@setting.report)">试用报告</a>
                </div>
            </div>
            <div ms-if="@currentSelect.key == 'safety'">
              11111 
            </div>
    
           <!--  </div> -->
            <div ms-if="@currentSelect.key == 'recommend'"> 
              222222
            </div>
            <div class="award_bottom" ms-if="@currentSelect.key == 'secret'">
               3333
            </div>
            <div ms-if="@currentSelect.key == 'report'" style="margin-top: 0.2rem;border-bottom: 1px solid #f8f8f8">
             44444
           </div>
           setting: {
                safety: {
                    key: "safety"
                },
                recommend: {
                    key: "recommend"
                },
                secret: {
                    key: "secret"
                },
                report: {
                    key: "report"
                }
            },
             currentSelect:{},
    
    
     sortclick: function(item) {
                vm.currentSelect = item
                if (item.key == 'safety') {
                    vm.safetyList()
                } else if (item.key == 'recommend') {
                    vm.productRecommend()
                } else if (item.key == 'report') {
                    vm.tryReport()
                }
                console.log(55555, item)
            },
      vm.$watch('onReady', function() {
                vmi.currentSelect = vmi.setting.currenttry;
    
        })
  • 相关阅读:
    POJ 1125 可不可能遍历所有点情况下的最短路径
    POJ 2253 Floyd算法的巧妙改动
    POJ 2485 多个数据的最小生成树
    最小生成树kruskal算法
    POJ 1789 权值为字符串差值的最小生成树
    POJ 2560 浮点型的带权值
    POJ 1258 城市的道路建设
    java如何进行内存自动释放,垃圾回收的?
    Java内存泄漏
    spinlock(自旋锁)
  • 原文地址:https://www.cnblogs.com/antyhouse/p/8984266.html
Copyright © 2011-2022 走看看