mpvue 開發微信小程序（三）home頁面和跳轉到詳情頁面

原创

于 2019-12-12 17:08:51 发布

· 146 阅读

0 ·

版权

本文介绍了如何使用mpvue框架在微信小程序中创建首页和跳转到详情页。主要内容包括在pages目录下创建home文件夹，包含main.js、main.json和Home.vue三个文件，Home.vue用于显示页面，main.js进行组件挂载，main.json配置导航栏，同时app.json需要更新pages_list和tabbar设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要實現如下頁面，那麼在pages 下面新建一個home文件夾，home下面新建main.js & main.json & Home.vue三個文件

Home.vue

<template>
  <div class="home">
    <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
    <block v-for="(item, index) in items" :index="index" :key="key">
        <swiper-item>
            <image :src="item.url" class="slide-image" mode="aspectFill"/>
        </swiper-item>
    </block>
</swiper>
<div class="feature">
    <div class="feature-item" v-for="(item,index) in features" @click="featureClic

最低0.47元/天解锁文章