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;
    
        })
  • 相关阅读:
    JDBC笔记
    MySQL索引
    MySQL事务
    联想笔记本更新BIOS后无法开机,显示自动修复?
    Mysql(笔记)
    [ERROR] Some problems were encountered while processing the POMs: 'modules.module[1]' specifies duplicate child module servlet-01 @ line 13, column 17
    JavaWeb(笔记)
    I/O方式(本章最重要)
    I/O接口
    I/O-外部设备
  • 原文地址:https://www.cnblogs.com/antyhouse/p/8984266.html
Copyright © 2011-2022 走看看