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;
    
        })
  • 相关阅读:
    charles的完整使用
    优雅重启uwsgi的配置
    mysql数据库,创建只读用户
    无线技术
    Selenium
    Hexo博客美化之蝴蝶(butterfly)主题魔改
    什么是Hexo博客
    java实现链表反转
    你不知道的Java引用
    Jquery判断数组中是否包含某个元素$.inArray()
  • 原文地址:https://www.cnblogs.com/antyhouse/p/8984266.html
Copyright © 2011-2022 走看看