微信小程序 ---基础小项目

index.wxml界面

<!-- <text>首页</text>
<view>容器</view> -->
<!-- <navigator url="../news/news" open-type="navigate">跳转新闻页面</navigator> -->
<!-- 滚动 -->
<view class="navBar">
  <scroll-view class="nav" scroll-x="true">
    <text>首页</text>
    <text>头条</text>
    <text>娱乐</text>
    <text>新闻</text>
    <text>房产</text>
    <text>科技</text>
    <text>创新</text>
    <text>项目</text>
  </scroll-view>
</view>
<swiper class="banner" indicator-dots="true" indicator-color="#eee" indicator-active-color="pink" autoplay="true" interval="2000" circular="true">
  <swiper-item><image src="../../images/tu.jpg"></image></swiper-item>
  <swiper-item><image src="../../images/tu.jpg"></image></swiper-item>
  <swiper-item><image src="../../images/tu.jpg"></image></swiper-item>
</swiper>
<view class="box">
  <navigator class="left" url="../news/news" open-type="navigate">点击进入详情页面</navigator>
<!-- <text class="left">进入详情页面</text> -->
<view class="box1">
  <image src="../../images/tu.jpg"></image>
</view>
</view>

about.wxml界面

<image src="../../images/tu.jpg"></image>

news.wxml

<navigator url="../about/about" open-type="switchTab">进入我的</navigator>

{
  "pages": [
    "pages/index/index",
    "pages/news/news",
    "pages/about/about",
    "pages/love/love"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#000",
    "navigationBarTitleText": "微信小程序",
    "navigationBarTextStyle": "white"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath":"images/shou(1).png",
      "selectedIconPath":"images/shou.png"
    },
    {
      "pagePath": "pages/about/about",
      "text": "我的",
      "iconPath":"images/my(1).png",
      "selectedIconPath":"images/my.png"
    }]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

app.json界面

{
  "pages": [
    "pages/index/index",
    "pages/news/news",
    "pages/about/about",
    "pages/love/love"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#000",
    "navigationBarTitleText": "小剧本",
    "navigationBarTextStyle": "white"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath":"images/shou(1).png",
      "selectedIconPath":"images/shou.png"
    },
    {
      "pagePath": "pages/about/about",
      "text": "我的",
      "iconPath":"images/my(1).png",
      "selectedIconPath":"images/my.png"
    }]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}