lookcommon_course/pages_tool1/pages/index.vue

<template>
    <view>
        <view class="notice-wrap" v-if="!hideNotice">
            <view class="tongzhitext">
                <text class="tongzhi-text">欢迎光临</text>
            </view>
            <view @tap="switchNotice" class="closeView">x</view>
        </view>

        <!-- 轮播图 -->
        <view class="swiperBanner">
            <swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="circular">
                <swiper-item v-for="(item, index) in imgUrls" :key="index">
                    <view :appId="item.appid" :path="item.link" hover-class="none" open-type="navigate" target="miniProgram">
                        <image :src="item.url" class="slide-image" mode="aspectFill"></image>
                    </view>
                </swiper-item>
            </swiper>
        </view>

        <!-- <ad unit-id="adunit-5f0cda249d1b72a9"></ad> -->
		
        <!-- 文字工具 -->
        <view class="yms">
            <text style="font-size: 0.9rem; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; color: #656565">实用工具</text>
        </view>
        <view class="ym">
            <view class="ym-li" hoverClass="vv-hover" @tap="gosd">
                <image class="ym-img" src="../static/img3/shoudian.png"></image>
                <view class="ym-i _i">手电筒</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="golaji">
                <image class="ym-img" src="../static/img3/laji.png"></image>
                <view class="ym-i _i">垃圾分类</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go24">
                <image class="ym-img" src="../static/img3/cz.png"></image>
                <view class="ym-i _i">微信尺子</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="goqinghui">
                <image class="ym-img" src="../static/img3/qinghui.png"></image>
                <view class="ym-i _i">手机清灰</view>
            </view>
        </view>

        <view class="yms">
            <text style="font-size: 0.9rem; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; color: #656565">热门娱乐</text>
        </view>
        <view class="ym">
            <view class="ym-li" hoverClass="vv-hover" @tap="go25">
                <image class="ym-img" src="../static/img3/ld.png"></image>
                <view class="ym-i _i">模拟来电</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go8">
                <image class="ym-img" src="../static/img3/tsb.png"></image>
                <view class="ym-i _i">调色板</view>
            </view>
            <!-- <view class="ym-li" hoverClass="vv-hover" bindtap="go9"><image class="ym-img" src="../../static/img3/cj.png"></image><view class="ym-i _i">抽奖工具</view></view> -->
            <view class="ym-li" hoverClass="vv-hover" @tap="go10">
                <image class="ym-img" src="../static/img3/sj.png"></image>
                <view class="ym-i _i">手机检测</view>
            </view>
            <!-- <view  class="ym-li" hoverClass="vv-hover" bindtap="go22"><image class="ym-img" src="../../static/img3/dm.png"></image><view class="ym-i _i">手持弹幕</view></view> -->

            <view class="ym-li" hoverClass="vv-hover" @tap="go23">
                <image class="ym-img" src="../static/img3/sg.png"></image>
                <view class="ym-i _i">时光荏苒</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="goshuiping">
                <image class="ym-img" src="../static/img3/shuiping.png"></image>
                <view class="ym-i _i">水平尺</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="golifa">
                <image class="ym-img" src="../static/img3/lifa.png"></image>
                <view class="ym-i _i">恶搞理发</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go27">
                <image class="ym-img" src="../static/img3/cy.png"></image>
                <view class="ym-i _i">常用电话</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="goys">
                <image class="ym-img" src="../static/img3/ys.png"></image>
                <view class="ym-i _i">一生时间</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="gozhendong">
                <image class="ym-img" src="../static/img3/zhengdong.png"></image>
                <view class="ym-i _i">震动手机</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="gozhinanzhen">
                <image class="ym-img" src="../static/img3/zhinan.png"></image>
                <view class="ym-i _i">指南针</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="goshanguangdeng">
                <image class="ym-img" src="../static/img3/shanguang.png"></image>
                <view class="ym-i _i">闪光灯</view>
            </view>

   <!--         <view class="ym-li" hoverClass="vv-hover" @tap="tu5">
                <image class="ym-img" src="../static/img1/wz.png"></image>
                <view class="ym-i _i">文字九宫格</view>
            </view -->>

            <view class="ym-li" hoverClass="vv-hover" @tap="gozifu">
                <image class="ym-img" src="../static/img3/zifu.png"></image>
                <view class="ym-i _i">字符表情</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="touming">
                <image class="ym-img" src="../static/img3/touming.png"></image>
                <view class="ym-i _i">透明昵称</view>
            </view>
        </view>

        <!--
  <view class="yms">
  <text style="font-size:0.9rem;margin-left: 10px;margin-top: 10px;margin-bottom: 20px;color:#656565">文本处理</text>
</view>
-->
        <!-- <view class="ym"> -->

        <!-- <view class="ym-li" hoverClass="vv-hover" bindtap="tu8"><image class="ym-img" src="../../static/img2/wz1.png"></image><view class="ym-i _i">文字转图片</view></view> -->
        <!-- <view class="ym-li" hoverClass="vv-hover" bindtap="wenzi3"><image class="ym-img" src="../../static/img2/wz2.png"></image><view class="ym-i _i">翅膀昵11称</view></view> -->
        <!-- 新增加 -->
        <!-- <view class="ym-li" hoverClass="vv-hover" bindtap="gohuashi"><image class="ym-img" src="../../static/img3/huashi.png"></image><view class="ym-i _i">花式字体</view></view> -->
        <!-- <view class="ym-li" hoverClass="vv-hover" bindtap="gojianjiao"><image class="ym-img" src="../../static/img3/jianjiao.png"></image><view class="ym-i _i">尖叫字</view></view> -->

        <!-- 新增加 -->
        <!-- <view class="ym-li" hoverClass="vv-hover" bindtap="go520"><image class="ym-img" src="../../static/img2/wz3.png"></image><view class="ym-i _i">520文字</view></view> -->
        <!-- </view> -->

        <!-- <button bindtap="goad">激励广告测试</button> -->
        <!-- 图片工具 -->
        <!--
  <view class="yms">
  <text style="font-size:0.9rem;margin-left: 10px;margin-top: 10px;margin-bottom: 20px;color:#656565">图像处理</text>
</view>
  <view class="ym">
    <view class="ym-li" hoverClass="vv-hover" bindtap="geshi"><image class="ym-img" src="../../static/img3/geshi.png"></image><view class="ym-i _i">格式转换</view></view>  
    
    <view class="ym-li" hoverClass="vv-hover" bindtap="tubianji"><image class="ym-img" src="../../static/img3/bianji.png"></image><view class="ym-i _i">图片编辑</view></view> 
<view class="ym-li" hoverClass="vv-hover" bindtap="tu4"><image class="ym-img" src="../../static/img1/qt1.png"></image><view class="ym-i _i">九宫格切图</view></view>
<view  class="ym-li" hoverClass="vv-hover" bindtap="tu6"><image class="ym-img" src="../../static/img1/jt.png"></image><view class="ym-i _i">截图拼接</view></view>
<view class="ym-li" hoverClass="vv-hover" bindtap="go25"><image class="ym-img" src="../../static/img1/sy.png"></image><view class="ym-i _i">图片加水印</view></view>
<view class="ym-li" hoverClass="vv-hover" bindtap="go3"><image class="ym-img" src="../../static/img1/ys.png"></image><view class="ym-i _i">图片压缩</view></view>
<view class="ym-li" hoverClass="vv-hover" bindtap="godk"><image class="ym-img" src="../../static/img2/bz.png"></image><view class="ym-i _i">带壳截图</view></view>
<view class="ym-li" hoverClass="vv-hover" bindtap="go4"><image class="ym-img" src="../../static/img3/ewm.png"></image><view class="ym-i _i">生成二维码</view></view>
<view class="ym-li" hoverClass="vv-hover" bindtap="goqs"><image class="ym-img" src="../../static/img3/tq.png"></image><view class="ym-i _i">图像取色</view></view>

<view class="ym-li" hoverClass="vv-hover" bindtap="gomasaike"><image class="ym-img" src="../../static/img3/masaike.png"></image><view class="ym-i _i">图加马赛克</view></view>

</view>
-->

 <!--       <view class="yms">
            <text style="font-size: 0.9rem; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; color: #656565">效率计算</text>
        </view>
        <view class="ym">
            <view class="ym-li" hoverClass="vv-hover" @tap="gochima">
                <image class="ym-img" src="/static/img3/chima.png"></image>
                <view class="ym-i _i">尺码计算</view>
            </view>

            <view class="ym-li" hoverClass="vv-hover" @tap="go6">
                <image class="ym-img" src="/static/img1/sc.png"></image>
                <view class="ym-i _i">身材计算</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="gojisuanqi">
                <image class="ym-img" src="/static/img3/ys.png"></image>
                <view class="ym-i _i">房贷计算器</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go21">
                <image class="ym-img" src="/static/img1/gz.png"></image>
                <view class="ym-i _i">工资计算器</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="goab">
                <image class="ym-img" src="/static/img3/xx.png"></image>
                <view class="ym-i _i">血型计算器</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go26">
                <image class="ym-img" src="/static/img1/qinq.png"></image>
                <view class="ym-i _i">亲戚计算器</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go5">
                <image class="ym-img" src="/static/img3/dx.png"></image>
                <view class="ym-i _i">金额转大写</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="gosm">
                <image class="ym-img" src="/static/img3/sm.png"></image>
                <view class="ym-i _i">色盲测试</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go27">
                <image class="ym-img" src="/static/img2/js1.png"></image>
                <view class="ym-i _i">进制计算器</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="gocs">
                <image class="ym-img" src="/static/img3/cs.png"></image>
                <view class="ym-i _i">网络测速</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go28">
                <image class="ym-img" src="/static/img2/js2.png"></image>
                <view class="ym-i _i">量角器</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="goip">
                <image class="ym-img" src="/static/img3/sz1.png"></image>
                <view class="ym-i _i">全屏时钟</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go29">
                <image class="ym-img" src="/static/img2/js3.png"></image>
                <view class="ym-i _i">计时器</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="gosjs">
                <image class="ym-img" src="/static/img3/sjs.png"></image>
                <view class="ym-i _i">随机数字</view>
            </view>
            <view class="ym-li" hoverClass="vv-hover" @tap="go7">
                <image class="ym-img" src="/static/img3/js.png"></image>
                <view class="ym-i _i">计数器</view>
            </view>
        </view>
 -->


    <!--    <scroll-view scroll-y class="scrollPage">
            <view class="cu-list menu card-menu margin-top-xl">
                <view class="cu-item arrow">
                    <button class="cu-btn content" openType="share">
                        <image src="/static/fxx.png" class="png" mode="aspectFit"></image>
                        <text class="text-grey">分享给好友</text>
                    </button>
                </view>
            </view>
            <view class="cu-list menu card-menu shadow-lg radius"></view>
        </scroll-view> -->
		
		
    </view>
</template>

<script>
export default {
    data() {
        return {
            foodList: [],
            hideNotice: false,
            notice: '',
            indicatorDots: false,
            autoplay: true,
            interval: 3000,
            duration: 800,
            circular: true,
            imgUrls: [
                {
                    appid: 'wxcd1bb2299ed463c3',
                    link: '',
                    url: 'http://demos.jinjinyl.cn/Public/uploads/6384aa926a86b.png'
                },
                {
                    appid: 'wxcd1bb2299ed463c3',
                    link: '',
                    url: 'http://demos.jinjinyl.cn/Public/uploads/6384aa926a86b.png'
                }
            ]

            // 轮播图
        };
    },
    onLoad: function () {
        this.interstitialAd();
    },
    onShareAppMessage: function () {
        return {
            title: '给你推荐一个微信便捷工具箱，干嘛嘛方便~',
            path: ''
        };
    },
    onShareTimeline: function () {
        return {
            title: '给你推荐一个微信便捷工具箱，干嘛嘛方便~'
        };
    },
    methods: {
        // 点击关闭公告
        switchNotice: function () {
            this.setData({
                hideNotice: true
            });
        },

        // 插屏广告开始
        interstitialAd: function () {
            let interstitialAd = null;
            if (uni.createInterstitialAd) {
                interstitialAd = uni.createInterstitialAd({
                    adUnitId: 'adunit-44c1745f1cbe3ca0'
                });
            }
            if (interstitialAd) {
                interstitialAd.show().catch((err) => {
                    console.error(err);
                });
            }
        },

        // 插屏广告结束
        go13: function () {
            uni.navigateToMiniProgram({
                appId: 'wxaa4c52a89469f854',
                //要打开的小程序 appId
                path: ' ',
                //打开的页面路径，如果为空则打开首页
                envVersion: 'release',
                shortLink: '',
                success(res) {
                    // 打开成功
                },
                fail: function (err) {
                    console.log(err);
                }
            });
        },

        go5: function () {
            uni.navigateTo({
                url: '../../pages/numToCase/numToCase'
            });
        },
		
		

        // 激励广告开始
        goad: function () {
            var that = this;
            uni.showModal({
                title: '提示',
                confirmText: '好的',
                confirmColor: '#d4237a',
                content: '需观看激励视频完成后可自动保存无水印视频',
                success(res) {
                    if (res.confirm) {
                        console.log('用户点击确定');
                        that.getAd();
                    } else if (res.cancel) {
                        console.log('用户点击取消');
                    }
                }
            });
        },

        getAd: function () {
            var videoAd = null;
            if (uni.createRewardedVideoAd) {
                videoAd = uni.createRewardedVideoAd({
                    // 替换为您的激励广告id
                    adUnitId: 'adunit-6fe4b94771653d2e'
                });
                videoAd.onError((err) => {});
                videoAd.onClose((status) => {
                    if ((status && status.isEnded) || status === undefined) {
                        videoAd.offClose();
                        this.go5();
                    } else {
                        var that = this;
                        uni.showModal({
                            title: '观看未完成提示',
                            confirmText: '继续观看',
                            confirmColor: '#d4237a',
                            content: '需观看完成后自动保存无水印视频',
                            success(res) {
                                if (res.confirm) {
                                    console.log('用户点击确定');
                                    that.getAd();
                                } else if (res.cancel) {
                                    console.log('用户点击取消');
                                }
                            }
                        });
                    }
                });
            }
            if (videoAd) {
                videoAd.show().catch((err) => {
                    // 失败重试
                    videoAd.load().then(() => videoAd.show());
                });
            }
        },


        go520: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/lovesc/lovesc'
            });
        },
		
		wenzi3: function () {
		    uni.navigateTo({
		        url: '../../pagesA/pages/fly/fly'
		    });
		},
        

 
        // 激励广告结束

        goab: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/blood/blood'
            });
        },

        gocs: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/networkSpeed/networkSpeed'
            });
        },

        gosm: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/blind/blind'
            });
        },

        gogzh: function () {
            uni.navigateTo({
                url: '../../pagesC/pages/index/index'
            });
        },

        go12: function () {
            uni.navigateToMiniProgram({
                appId: 'wxcd1bb2299ed463c3',
                //要打开的小程序 appId
                path: ' ',
                //打开的页面路径，如果为空则打开首页
                envVersion: 'release',
                shortLink: '',
                success(res) {
                    // 打开成功
                },
                fail: function (err) {
                    console.log(err);
                }
            });
        },

        goqinghui: function () {
            uni.navigateTo({
                url: '../../pagesC/pages/qh/index'
            });
        },

        gojisuanqi: function () {
            uni.navigateTo({
                url: '../../pagesC/pages/jisuanqi/index'
            });
        },

        go113: function () {
            uni.navigateToMiniProgram({
                appId: 'wxcd1bb2299ed463c3',
                //要打开的小程序 appId
                path: 'pages/shuiyin/index',
                //打开的页面路径，如果为空则打开首页
                envVersion: 'release',
                shortLink: '',
                success(res) {
                    // 打开成功
                },
                fail: function (err) {
                    console.log(err);
                }
            });
        },

        alicopy: function (e) {
            if (uni.setClipboardData) {
                uni.setClipboardData({
                    data: e.currentTarget.dataset.ali,
                    success: function (e) {
                        uni.showToast({
                            title: '复制成功，请前往微信粘贴搜一搜',
                            icon: 'none',
                            duration: 4000
                        });
                    }
                });
            } else {
                uni.showModal({
                    title: '提示',
                    content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
                });
            }
        },

        goshuiping: function () {
            uni.navigateTo({
                url: '../../pagesD/pages/shuiping/index'
            });
        },

        golaji: function () {
            uni.navigateTo({
                url: '../../pagesD/pages/guide/guide'
            });
        },

        gosd: function () {
            uni.navigateTo({
                url: '../../pagesC/pages/shoudian/bainian'
            });
        },

        golifa: function () {
            uni.navigateTo({
                url: '../../pagesD/pages/lifa/index'
            });
        },

        gochima: function () {
            uni.navigateTo({
                url: '../../pagesD/pages/chima/index'
            });
        },

       
        wxtz: function () {
            uni.navigateTo({
                url: '../../pages/wxtz/index'
            });
        },

        geshi: function () {
            uni.navigateTo({
                url: '../../pagesD/pages/geshi/index'
            });
        },

        touming: function () {
            uni.navigateTo({
                url: '../../pagesD/pages/blank/blank'
            });
        },

        tubianji: function () {
            uni.navigateTo({
                url: '../../pagesD/pages/tubianji/index'
            });
        },

      

        goip: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/clock/clock'
            });
        },

        fanyi: function () {
            uni.navigateTo({
                url: '../../pagesC/pages/index/index'
            });
        },

        b4: function () {
            uni.navigateTo({
                url: '../../taskOuter/pages/util/share/share'
            });
        },

        b2: function () {
            uni.navigateTo({
                url: '../../taskOuter/pages/util/material/poster'
            });
        },

        b3: function () {
            uni.navigateTo({
                url: '../../taskOuter/pages/util/material/avatar'
            });
        },

        go2: function () {
            uni.navigateTo({
                url: '../../pages/vipvideo/vipvideo'
            });
        },

        go1: function () {
            uni.navigateTo({
                url: '../../pages/video/index'
            });
        },

        gosjs: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/randomNum/randomNum'
            });
        },

        go22: function () {
            uni.navigateTo({
                url: '../../pages/dm/newDanMu'
            });
        },

        go9: function () {
            uni.navigateTo({
                url: '../../pages/choujiang/choujiang'
            });
        },

        go21: function () {
            uni.navigateTo({
                url: '../../pages/tax/tax'
            });
        },

        go24: function () {
            uni.navigateTo({
                url: '../../pages/ruler/ruler'
            });
        },

        go25: function () {
            uni.navigateTo({
                url: '../../pages/navigator/jiashuiyin/waterMarkSet/waterMarkSet'
            });
        },

        go26: function () {
            uni.navigateTo({
                url: '../../pages/welcome/welcome'
            });
        },

        goqs: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/quse/index'
            });
        },

        go27: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/mm/mm'
            });
        },

        go28: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/protractor/protractor'
            });
        },

        go29: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/time/time'
            });
        },

        go23: function () {
            uni.navigateTo({
                url: '../../pages/time/time'
            });
        },

        go4: function () {
            uni.navigateTo({
                url: '../../pages/createQrcode/createQrcode'
            });
        },

        godk: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/album/index'
            });
        },

        bizhi: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/index/index'
            });
        },

        gotouxiang: function () {
            uni.navigateTo({
                url: '../../pagesB/pages/hottouxiang/index'
            });
        },

        go6: function () {
            uni.navigateTo({
                url: '../../pages/figure/figure'
            });
        },

        go8: function () {
            uni.navigateTo({
                url: '../../pages/color/color'
            });
        },

        go7: function () {
            uni.navigateTo({
                url: '../../pages/counter/counter'
            });
        },

        go3: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/imagepress/imagepress'
            });
        },

        go10: function () {
            uni.navigateTo({
                url: '../../pages/myphone/myphone'
            });
        },

        tothree: function () {
            uni.navigateTo({
                url: '../../components/text/text'
            });
        },

        tofour: function () {
            uni.navigateTo({
                url: '../../components/picture/picture'
            });
        },

        tofive: function () {
            uni.navigateTo({
                url: '../../pages/video/index'
            });
        },

        tosix: function () {
            uni.navigateTo({
                url: '../../pages/vipvideo/vipvideo'
            });
        },

        totool: function () {
            uni.navigateTo({
                url: '../../components/search_tool/search_tool'
            });
        },

        tu1: function () {
            uni.navigateTo({
                url: '../../pages/jietus/album/index'
            });
        },

        tu2: function () {
            uni.navigateTo({
                url: '../../pages/navigator/heart/heart'
            });
        },

        tu3: function () {
            uni.navigateTo({
                url: '../../pages/navigator/pintu/pintu/pintu'
            });
        },

        tu4: function () {
            uni.navigateTo({
                url: '../../pages/navigator/pintu/cut/cut'
            });
        },

        tu5: function () {
            uni.navigateTo({
                url: '../../pages/navigator/pintu/wenzi/wenzi'
            });
        },

        tu6: function () {
            uni.navigateTo({
                url: '../../pages/navigator/combine/combine'
            });
        },

        tu8: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/wzt/wzt'
            });
        },

        tu88: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/geshi/index'
            });
        },

        gomasaike: function () {
            uni.navigateTo({
                url: '../../pagesC/pages/indexmsk/index'
            });
        },

        gojianjiao: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/screaming/screaming'
            });
        },

        gohuashi: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/typeface/typeface'
            });
        },

        gozifu: function () {
            uni.navigateTo({
                url: '../../pagesA/pages/emojy/emojy'
            });
        },

        goys() {
            console.log('占位：函数 goys 未声明');
        },

        gozhendong() {
            console.log('占位：函数 gozhendong 未声明');
        },

        gozhinanzhen() {
            console.log('占位：函数 gozhinanzhen 未声明');
        },

        goshanguangdeng() {
            console.log('占位：函数 goshanguangdeng 未声明');
        }
    }
};
</script>
<style>
@import './index.css';
</style>