Browse Source

静态页面

XuChengxiang 4 years ago
parent
commit
e4fd9b1c1e
3 changed files with 72 additions and 83 deletions
  1. 43
    43
      project.config.json
  2. 11
    13
      src/pages/ShouYe/index.jsx
  3. 18
    27
      src/pages/ShouYe/index.less

+ 43
- 43
project.config.json View File

@@ -1,45 +1,45 @@
1 1
 {
2
-	"miniprogramRoot": "dist/",
3
-	"projectname": "miniapp",
4
-	"description": "",
5
-	"appid": "wxf2956bfef9daf0ae",
6
-	"setting": {
7
-		"urlCheck": false,
8
-		"es6": false,
9
-		"enhance": false,
10
-		"postcss": false,
11
-		"preloadBackgroundData": false,
12
-		"minified": false,
13
-		"newFeature": false,
14
-		"coverView": true,
15
-		"nodeModules": false,
16
-		"autoAudits": false,
17
-		"showShadowRootInWxmlPanel": true,
18
-		"scopeDataCheck": false,
19
-		"uglifyFileName": false,
20
-		"checkInvalidKey": true,
21
-		"checkSiteMap": true,
22
-		"uploadWithSourceMap": true,
23
-		"compileHotReLoad": false,
24
-		"babelSetting": {
25
-			"ignore": [],
26
-			"disablePlugins": [],
27
-			"outputPath": ""
28
-		},
29
-		"bundle": false,
30
-		"useIsolateContext": true,
31
-		"useCompilerModule": false,
32
-		"userConfirmedUseCompilerModuleSwitch": false,
33
-		"useMultiFrameRuntime": false,
34
-		"useApiHook": true,
35
-		"enableEngineNative": false,
36
-		"userConfirmedBundleSwitch": false,
37
-		"packNpmManually": false,
38
-		"packNpmRelationList": [],
39
-		"minifyWXSS": true
40
-	},
41
-	"compileType": "miniprogram",
42
-	"simulatorType": "wechat",
43
-	"simulatorPluginLibVersion": {},
44
-	"condition": {}
2
+  "miniprogramRoot": "dist/",
3
+  "projectname": "miniapp",
4
+  "description": "",
5
+  "appid": "wxf2956bfef9daf0ae",
6
+  "setting": {
7
+    "urlCheck": false,
8
+    "es6": false,
9
+    "enhance": false,
10
+    "postcss": false,
11
+    "preloadBackgroundData": false,
12
+    "minified": false,
13
+    "newFeature": false,
14
+    "coverView": true,
15
+    "nodeModules": false,
16
+    "autoAudits": false,
17
+    "showShadowRootInWxmlPanel": true,
18
+    "scopeDataCheck": false,
19
+    "uglifyFileName": false,
20
+    "checkInvalidKey": true,
21
+    "checkSiteMap": true,
22
+    "uploadWithSourceMap": true,
23
+    "compileHotReLoad": false,
24
+    "babelSetting": {
25
+      "ignore": [],
26
+      "disablePlugins": [],
27
+      "outputPath": ""
28
+    },
29
+    "bundle": false,
30
+    "useIsolateContext": true,
31
+    "useCompilerModule": false,
32
+    "userConfirmedUseCompilerModuleSwitch": false,
33
+    "useMultiFrameRuntime": false,
34
+    "useApiHook": true,
35
+    "enableEngineNative": false,
36
+    "userConfirmedBundleSwitch": false,
37
+    "packNpmManually": false,
38
+    "packNpmRelationList": [],
39
+    "minifyWXSS": true
40
+  },
41
+  "compileType": "miniprogram",
42
+  "simulatorType": "wechat",
43
+  "simulatorPluginLibVersion": {},
44
+  "condition": {}
45 45
 }

+ 11
- 13
src/pages/ShouYe/index.jsx View File

@@ -213,20 +213,18 @@ export default function Index (props) {
213 213
                       <view className='Title'>
214 214
                         <Text>业主专区</Text>
215 215
                       </view>
216
-                      <scroll-view className='OwnerListContent' scroll-x='true'>
217
-                        <view className='OwnerList'>
218
-                          {
219
-                            OwnerList.map((item, index) => (
220
-                              <view key={`Owners-${index}`} onClick={OwnerClick(item)}>
221
-                                <Text className={`iconfont ${item.icon}`}></Text>
222
-                                <view>
223
-                                  <Text>{item.name}</Text>
224
-                                </view>
216
+                      <view className='OwnerList flex-h'>
217
+                        {
218
+                          OwnerList.map((item, index) => (
219
+                            <view className='flex-item' key={`Owners-${index}`} onClick={OwnerClick(item)}>
220
+                              <Text className={`iconfont ${item.icon}`}></Text>
221
+                              <view>
222
+                                <view><Text>{item.name}</Text></view>
225 223
                               </view>
226
-                            ))
227
-                          }
228
-                        </view>
229
-                      </scroll-view>
224
+                            </view>
225
+                          ))
226
+                        }
227
+                      </view>
230 228
                     </view>
231 229
                   </view>
232 230
 

+ 18
- 27
src/pages/ShouYe/index.less View File

@@ -274,35 +274,26 @@
274 274
                   }
275 275
                 }
276 276
 
277
-                >.OwnerListContent {
278
-                  position: relative;
279
-                  width: 100%;
277
+                .OwnerList {
278
+                  border-top: 2px solid #f8f8f8;
279
+                  align-items: center;
280
+                  padding: 30px 0;
280 281
 
281
-                  .OwnerList {
282
-                    border-top: 2px solid #f8f8f8;
283
-                    white-space: nowrap;
284
-                    font-size: 0;
285
-                    padding: 30px 0;
282
+                  >view {
283
+                    position: relative;
284
+                    text {
285
+                      display: block;
286
+                      width: 100%;
287
+                      text-align: center;
288
+                      font-size: 26px;
289
+                      color: #333;
290
+                      line-height: 40px;
286 291
 
287
-                    >view {
288
-                      display: inline-block;
289
-                      vertical-align: middle;
290
-                      width: 25%;
291
-                      position: relative;
292
-                      text {
293
-                        display: block;
294
-                        width: 100%;
295
-                        text-align: center;
296
-                        font-size: 26px;
297
-                        color: #333;
298
-                        line-height: 40px;
299
-
300
-                        &.iconfont {
301
-                          color: #f35844;
302
-                          font-size: 60px;
303
-                          line-height: 70px;
304
-                          margin-bottom: 10px;
305
-                        }
292
+                      &.iconfont {
293
+                        color: #f35844;
294
+                        font-size: 60px;
295
+                        line-height: 70px;
296
+                        margin-bottom: 10px;
306 297
                       }
307 298
                     }
308 299
                   }