feat: 首页轮播图

dist/app.js

@@ -11,6 +11,7 @@ require("./prebundle/node_modules_taro_weapp_prebundle_react_js.js");
 require("./prebundle/node_modules_taro_weapp_prebundle_tarojs_runtime_js.js");
 require("./prebundle/remoteEntry.js");
 
+require("./vendors");
 require("./taro");
 require("./runtime");
 
@@ -314,33 +315,12 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
-/***/ }),
-
-/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***!
-  \***********************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* binding */ _typeof; }
-/* harmony export */ });
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
 /***/ })
 
 },
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ __webpack_require__.O(0, ["common"], function() { return __webpack_exec__("./src/app.ts"); });
+/******/ __webpack_require__.O(0, ["vendors","common"], function() { return __webpack_exec__("./src/app.ts"); });
 /******/ var __webpack_exports__ = __webpack_require__.O();
 /******/ }
 ]);;;

dist/base.wxml

@@ -61,6 +61,14 @@
   </scroll-view>
 </template>
 
+<template name="tmpl_0_35">
+  <navigator url="{{i.p10}}" open-type="{{xs.b(i.p7,'navigate')}}" delta="{{xs.b(i.p1,1)}}" hover-class="{{xs.b(i.p3,'navigator-hover')}}" hover-stop-propagation="{{xs.b(i.p6,!1)}}" hover-start-time="{{xs.b(i.p4,50)}}" hover-stay-time="{{xs.b(i.p5,600)}}" bindsuccess="eh" bindfail="eh" bindcomplete="eh" target="{{xs.b(i.p9,'self')}}" app-id="{{i.p0}}" path="{{i.p8}}" extra-data="{{i.p2}}" version="{{xs.b(i.p11,'version')}}" style="{{i.st}}" class="{{i.cl}}" bindtap="eh"  id="{{i.uid||i.sid}}" data-sid="{{i.sid}}">
+    <block wx:for="{{i.cn}}" wx:key="sid">
+      <template is="{{xs.e(cid+1)}}" data="{{i:item,l:l}}" />
+    </block>
+  </navigator>
+</template>
+
 <template name="tmpl_0_3">
   <image src="{{i.p3}}" mode="{{xs.b(i.p1,'scaleToFill')}}" lazy-load="{{xs.b(i.p0,!1)}}" webp="{{xs.b(i.p4,false)}}" show-menu-by-longpress="{{xs.b(i.p2,false)}}" style="{{i.st}}" class="{{i.cl}}"  id="{{i.uid||i.sid}}" data-sid="{{i.sid}}">
     <block wx:for="{{i.cn}}" wx:key="sid">

dist/runtime.js

@@ -20,7 +20,7 @@
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -199,15 +199,15 @@
 /******/ 			"app": [
 /******/ 				"webpack/container/remote/@tarojs/plugin-platform-weapp/dist/runtime",
 /******/ 				"webpack/container/remote/@tarojs/plugin-framework-react/dist/runtime",
-/******/ 				"webpack/container/remote/@tarojs/taro",
-/******/ 				"webpack/container/remote/react",
 /******/ 				"webpack/container/remote/react-dom"
 /******/ 			],
 /******/ 			"pages/home/index": [
 /******/ 				"webpack/container/remote/react/jsx-runtime"
 /******/ 			],
 /******/ 			"common": [
-/******/ 				"webpack/container/remote/@tarojs/runtime"
+/******/ 				"webpack/container/remote/@tarojs/runtime",
+/******/ 				"webpack/container/remote/@tarojs/taro",
+/******/ 				"webpack/container/remote/react"
 /******/ 			]
 /******/ 		};
 /******/ 		var idToExternalAndNameMapping = {
@@ -221,16 +221,6 @@
 /******/ 				"./@tarojs/plugin-framework-react/dist/runtime",
 /******/ 				null
 /******/ 			],
-/******/ 			"webpack/container/remote/@tarojs/taro": [
-/******/ 				"default",
-/******/ 				"./@tarojs/taro",
-/******/ 				null
-/******/ 			],
-/******/ 			"webpack/container/remote/react": [
-/******/ 				"default",
-/******/ 				"./react",
-/******/ 				null
-/******/ 			],
 /******/ 			"webpack/container/remote/react-dom": [
 /******/ 				"default",
 /******/ 				"./react-dom",
@@ -245,6 +235,16 @@
 /******/ 				"default",
 /******/ 				"./@tarojs/runtime",
 /******/ 				null
+/******/ 			],
+/******/ 			"webpack/container/remote/@tarojs/taro": [
+/******/ 				"default",
+/******/ 				"./@tarojs/taro",
+/******/ 				null
+/******/ 			],
+/******/ 			"webpack/container/remote/react": [
+/******/ 				"default",
+/******/ 				"./react",
+/******/ 				null
 /******/ 			]
 /******/ 		};
 /******/ 		__webpack_require__.taro = function(get) {

dist/taro.js

@@ -8,9 +8,12 @@
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Image": function() { return /* binding */ Image; },
+/* harmony export */   "Navigator": function() { return /* binding */ Navigator; },
+/* harmony export */   "Text": function() { return /* binding */ Text; },
 /* harmony export */   "View": function() { return /* binding */ View; }
 /* harmony export */ });
-/* unused harmony exports Ad, AdCustom, Audio, Block, Button, Camera, Canvas, Checkbox, CheckboxGroup, CoverImage, CoverView, CustomWrapper, Editor, Form, FunctionalPageNavigator, Icon, Image, Input, KeyboardAccessory, Label, LivePlayer, LivePusher, Map, MatchMedia, MovableArea, MovableView, NativeSlot, NavigationBar, Navigator, OfficialAccount, OpenData, PageContainer, PageMeta, Picker, PickerView, PickerViewColumn, Progress, Radio, RadioGroup, RichText, RootPortal, ScrollView, ShareElement, Slider, Slot, Swiper, SwiperItem, Switch, Text, Textarea, Video, VoipRoom, WebView */
+/* unused harmony exports Ad, AdCustom, Audio, Block, Button, Camera, Canvas, Checkbox, CheckboxGroup, CoverImage, CoverView, CustomWrapper, Editor, Form, FunctionalPageNavigator, Icon, Input, KeyboardAccessory, Label, LivePlayer, LivePusher, Map, MatchMedia, MovableArea, MovableView, NativeSlot, NavigationBar, OfficialAccount, OpenData, PageContainer, PageMeta, Picker, PickerView, PickerViewColumn, Progress, Radio, RadioGroup, RichText, RootPortal, ScrollView, ShareElement, Slider, Slot, Swiper, SwiperItem, Switch, Textarea, Video, VoipRoom, WebView */
 var View = 'view';
 var Icon = 'icon';
 var Progress = 'progress';

dist/taro.js.map

@@ -1 +1 @@
-{"version":3,"file":"taro.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACfA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA","sources":["webpack://myApp/.._src_components-react.ts","webpack://myApp/._node_modules_@tarojs_webpack5-runner_dist_template_comp.js","webpack://myApp/.._.._src_template_custom-wrapper.ts"],"sourcesContent":["// For React.createElement's type\nexport * from '@tarojs/components/mini'\nexport const Editor = 'editor'\nexport const MatchMedia = 'match-media'\nexport const FunctionalPageNavigator = 'functional-page-navigator'\nexport const LivePusher = 'live-pusher'\nexport const OfficialAccount = 'official-account'\nexport const OpenData = 'open-data'\nexport const NavigationBar = 'navigation-bar'\nexport const PageMeta = 'page-meta'\nexport const VoipRoom = 'voip-room'\nexport const AdCustom = 'ad-custom'\nexport const PageContainer = 'page-container'\nexport const ShareElement = 'share-element'\nexport const KeyboardAccessory = 'keyboard-accessory'\nexport const RootPortal = 'root-portal'\n","/* eslint-disable no-undef */\nimport { createRecursiveComponentConfig } from '@tarojs/runtime'\n// @ts-ignore\nComponent(createRecursiveComponentConfig())\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"taro.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACfA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA","sources":["webpack://myApp/.._src_components-react.ts","webpack://myApp/._node_modules_@tarojs_webpack5-runner_dist_template_comp.js","webpack://myApp/.._.._src_template_custom-wrapper.ts"],"sourcesContent":["// For React.createElement's type\nexport * from '@tarojs/components/mini'\nexport const Editor = 'editor'\nexport const MatchMedia = 'match-media'\nexport const FunctionalPageNavigator = 'functional-page-navigator'\nexport const LivePusher = 'live-pusher'\nexport const OfficialAccount = 'official-account'\nexport const OpenData = 'open-data'\nexport const NavigationBar = 'navigation-bar'\nexport const PageMeta = 'page-meta'\nexport const VoipRoom = 'voip-room'\nexport const AdCustom = 'ad-custom'\nexport const PageContainer = 'page-container'\nexport const ShareElement = 'share-element'\nexport const KeyboardAccessory = 'keyboard-accessory'\nexport const RootPortal = 'root-portal'\n","/* eslint-disable no-undef */\nimport { createRecursiveComponentConfig } from '@tarojs/runtime'\n// @ts-ignore\nComponent(createRecursiveComponentConfig())\n"],"names":[],"sourceRoot":""}

dist/vendors.js

@@ -0,0 +1,26 @@
+"use strict";
+(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["vendors"],{
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***!
+  \***********************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": function() { return /* binding */ _typeof; }
+/* harmony export */ });
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=vendors.js.map

dist/vendors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendors.js","mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://myApp/._node_modules_@babel_runtime_helpers_esm_typeof.js"],"sourcesContent":["export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}"],"names":[],"sourceRoot":""}

src/pages/home/index.tsx

@@ -1,8 +1,63 @@
+import { Col, Divider, Row, Tag } from "@antmjs/vantui";
 import { View } from "@tarojs/components";
 import React, { useCallback } from "react";
+import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
+import react from "react";
+import { NoticeBar } from "@antmjs/vantui";
 
-const Home=()=>{
-    return <View>home</View>
-}
+const Home = () => {
+  // const { images } = COMMON
+  const [initPage1, setInitPage1] = react.useState(0);
+  const onChange = (e) => {};
+  const images = [
+    "cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/download.jpg",
+    "cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg",
+  ];
 
-export default Home
+  return (
+    <View>
+      {/* 通知条 */}
+      <NoticeBar
+        leftIcon="volume-o"
+        text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
+      />
+      {/* 顶部 */}
+      {/* <View>
+        <Row>
+          <Col span="4" className="dark">
+            深圳
+          </Col>
+        </Row>
+      </View> */}
+      <View>
+        {/* <Tag type="primary">深圳</Tag> */}
+        <Tag plain={true} type="primary">
+        深圳
+      </Tag>
+      </View>
+      {/* 轮播图 */}
+      <View className="demo-box">
+        <Swiper
+          height={200}
+          paginationColor="#426543"
+          autoPlay="3000"
+          initPage={initPage1}
+          paginationVisible
+          onChange={onChange}
+        >
+          {images.map((item, index) => (
+            <SwiperItem key={`swiper#demo1${index}`}>
+              <Image src={item} fit="cover" width="100%" height="200px" />
+            </SwiperItem>
+          ))}
+        </Swiper>
+      </View>
+      {/* 分割线 */}
+      <View>
+        <Divider />
+      </View>
+    </View>
+  );
+};
+
+export default Home;