1007395918@qq.com vor 5 Jahren
Ursprung
Commit
0c795bf3b2

+ 1
- 0
src/app.js Datei anzeigen

@@ -120,6 +120,7 @@ class App extends Component {
120 120
           'pages/houseList/index',
121 121
           'pages/detail/index',
122 122
           'pages/detail/resultPage',
123
+          'pages/selectionRecord/index',
123 124
         ],
124 125
       }
125 126
     ],

BIN
src/assets/mine/selection.png Datei anzeigen


+ 50
- 0
src/onlineSelling/pages/selectionRecord/index.js Datei anzeigen

@@ -0,0 +1,50 @@
1
+import Taro, { Component } from '@tarojs/taro';
2
+import './index.scss'
3
+import { AtTabs, AtTabsPane } from 'taro-ui'
4
+import "taro-ui/dist/style/components/tabs.scss"
5
+import { connect } from '@tarojs/redux'
6
+
7
+
8
+@connect(({ user, city }) => ({ user, city }))
9
+export default class selectionRecord extends Component {
10
+
11
+  config = {
12
+    navigationBarTitleText: '选房记录'
13
+  }
14
+
15
+  state = {
16
+    current: 0,
17
+    recordId: undefined, // 埋点ID
18
+  }
19
+
20
+  componentWillMount() {
21
+
22
+  }
23
+
24
+
25
+  handleClick(value) {
26
+    this.setState({
27
+      current: value
28
+    })
29
+  }
30
+
31
+
32
+  render() {
33
+    return (
34
+      <View style="height:100vh">
35
+        <AtTabs className="selectionRecord" scroll current={this.state.current} tabList={[{ title: '预选记录' }, { title: '认筹记录' }]} onClick={this.handleClick.bind(this)}>
36
+          <AtTabsPane current={this.state.current} index={0} >
37
+            <View >
38
+              1111
39
+            </View>
40
+          </AtTabsPane>
41
+          <AtTabsPane current={this.state.current} index={1}>
42
+            <View>
43
+              222
44
+            </View>
45
+          </AtTabsPane>
46
+        </AtTabs>
47
+      </View>
48
+    )
49
+  }
50
+}

+ 28
- 0
src/onlineSelling/pages/selectionRecord/index.scss Datei anzeigen

@@ -0,0 +1,28 @@
1
+@import "@/styles/mixins.scss";
2
+@import "@/styles/theme.scss";
3
+.selectionRecord{
4
+    .at-tabs__header{
5
+      width: 86%;
6
+      background-color: #fff;
7
+      box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);
8
+      margin: 20px auto 10px auto;
9
+      border-radius: 44px;
10
+    }
11
+    .at-tabs__item{
12
+      width:50%;
13
+      flex: none;
14
+      color: #333;
15
+      font-size: 28px;
16
+    }
17
+    .at-tabs__item--active{
18
+      color: $primary-color;
19
+      background-color: #f4f4f4;
20
+    }
21
+    .at-tabs__item-underline{
22
+      height: 0;
23
+    }
24
+    .at-tabs__underline{
25
+      display: none;
26
+    }
27
+  
28
+}

+ 8
- 0
src/pages/person/menus.js Datei anzeigen

@@ -18,6 +18,7 @@ const icons = {
18 18
   customerAnalysis: require('@/assets/mine/customerAnalysis.png'),
19 19
   fenxi: require('@/assets/mine/fenxi.png'),
20 20
   share: require('@/assets/mine/share.png'),
21
+  selection: require('@/assets/mine/selection.png'),
21 22
 }
22 23
 
23 24
 const DRIFT = ROLE_CODE['DRIFT']
@@ -121,6 +122,13 @@ const menus = [
121 122
     },
122 123
   ],
123 124
   [
125
+    {
126
+      name: '选房记录',
127
+      url: '/onlineSelling/pages/selectionRecord/index',
128
+      icon: icons.selection,
129
+      extends: undefined,
130
+      userTypes: [CUSTOMER, CONSULTANT, ESTATE_AGENT, CHANNEL_AGENT],
131
+    },
124 132
     {
125 133
       name: '我的收藏',
126 134
       url: '/pages/person/favorite/index',