avalon结合原生js tab切换

Posted 2020-11-03 周小姐

  　　　　<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"
            }
        },

 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;

    })