feats

src/app.config.js

@@ -1,6 +1,7 @@
 export default {
   pages: [
-    'pages/index/index'
+    'pages/index/index',
+    'pages/test/index',
   ],
   window: {
     backgroundTextStyle: 'light',

src/components/Card/index.jsx

@@ -0,0 +1,8 @@
+
+import './style.less'
+
+export default (props) => {
+
+    return <view className='card'>{props.children}</view>
+
+}

src/components/Card/style.less

@@ -0,0 +1,6 @@
+.card {
+    width: 100%;
+    background: #FFFFFF;
+    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
+    border-radius: 24px;
+}

src/pages/index/tabs/Guide.jsx

@@ -1,7 +1,19 @@
+import Taro from '@tarojs/taro'
 import React from 'react'
+import Card from '@/components/Card'
 
 export default (props) => {
+
+  const handleClick = () => {
+    Taro.navigateTo({ url: '/pages/test/index' })
+  }
+
   return (
-    <view>入住指引</view>
+    <view onClick={handleClick}>
+      <Card>
+
+      入住指引
+      </Card>
+    </view>
   )
 }

src/pages/index/tabs/Mine.jsx

@@ -2,6 +2,9 @@ import React from 'react'
 
 export default (props) => {
   return (
-    <view>个人中心</view>
+    <view>
+      <button openType='getPhoneNumber'>个人中心</button>
+
+    </view>
   )
 }

src/pages/test/index.config.js

@@ -0,0 +1,4 @@
+export default {
+    navigationBarTitleText: '测试页',
+    navigationStyle: 'custom',
+  }

src/pages/test/index.jsx

@@ -0,0 +1,10 @@
+
+import CustomNav from '@/components/CustomNav'
+
+export default (props) => {
+  return (
+    <view>
+      <CustomNav title='测试页' />
+    </view>
+  )
+}