静态页面

project.config.json

 {
-	"miniprogramRoot": "dist/",
-	"projectname": "miniapp",
-	"description": "",
-	"appid": "wxf2956bfef9daf0ae",
-	"setting": {
-		"urlCheck": false,
-		"es6": false,
-		"enhance": false,
-		"postcss": false,
-		"preloadBackgroundData": false,
-		"minified": false,
-		"newFeature": false,
-		"coverView": true,
-		"nodeModules": false,
-		"autoAudits": false,
-		"showShadowRootInWxmlPanel": true,
-		"scopeDataCheck": false,
-		"uglifyFileName": false,
-		"checkInvalidKey": true,
-		"checkSiteMap": true,
-		"uploadWithSourceMap": true,
-		"compileHotReLoad": false,
-		"babelSetting": {
-			"ignore": [],
-			"disablePlugins": [],
-			"outputPath": ""
-		},
-		"bundle": false,
-		"useIsolateContext": true,
-		"useCompilerModule": false,
-		"userConfirmedUseCompilerModuleSwitch": false,
-		"useMultiFrameRuntime": false,
-		"useApiHook": true,
-		"enableEngineNative": false,
-		"userConfirmedBundleSwitch": false,
-		"packNpmManually": false,
-		"packNpmRelationList": [],
-		"minifyWXSS": true
-	},
-	"compileType": "miniprogram",
-	"simulatorType": "wechat",
-	"simulatorPluginLibVersion": {},
-	"condition": {}
+  "miniprogramRoot": "dist/",
+  "projectname": "miniapp",
+  "description": "",
+  "appid": "wxf2956bfef9daf0ae",
+  "setting": {
+    "urlCheck": false,
+    "es6": false,
+    "enhance": false,
+    "postcss": false,
+    "preloadBackgroundData": false,
+    "minified": false,
+    "newFeature": false,
+    "coverView": true,
+    "nodeModules": false,
+    "autoAudits": false,
+    "showShadowRootInWxmlPanel": true,
+    "scopeDataCheck": false,
+    "uglifyFileName": false,
+    "checkInvalidKey": true,
+    "checkSiteMap": true,
+    "uploadWithSourceMap": true,
+    "compileHotReLoad": false,
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "bundle": false,
+    "useIsolateContext": true,
+    "useCompilerModule": false,
+    "userConfirmedUseCompilerModuleSwitch": false,
+    "useMultiFrameRuntime": false,
+    "useApiHook": true,
+    "enableEngineNative": false,
+    "userConfirmedBundleSwitch": false,
+    "packNpmManually": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true
+  },
+  "compileType": "miniprogram",
+  "simulatorType": "wechat",
+  "simulatorPluginLibVersion": {},
+  "condition": {}
 }

src/pages/ShouYe/index.jsx

                       <view className='Title'>
                         <Text>业主专区</Text>
                       </view>
-                      <scroll-view className='OwnerListContent' scroll-x='true'>
-                        <view className='OwnerList'>
-                          {
-                            OwnerList.map((item, index) => (
-                              <view key={`Owners-${index}`} onClick={OwnerClick(item)}>
-                                <Text className={`iconfont ${item.icon}`}></Text>
-                                <view>
-                                  <Text>{item.name}</Text>
-                                </view>
+                      <view className='OwnerList flex-h'>
+                        {
+                          OwnerList.map((item, index) => (
+                            <view className='flex-item' key={`Owners-${index}`} onClick={OwnerClick(item)}>
+                              <Text className={`iconfont ${item.icon}`}></Text>
+                              <view>
+                                <view><Text>{item.name}</Text></view>
                               </view>
-                            ))
-                          }
-                        </view>
-                      </scroll-view>
+                            </view>
+                          ))
+                        }
+                      </view>
                     </view>
                   </view>
 

src/pages/ShouYe/index.less

                   }
                 }
 
-                >.OwnerListContent {
-                  position: relative;
-                  width: 100%;
+                .OwnerList {
+                  border-top: 2px solid #f8f8f8;
+                  align-items: center;
+                  padding: 30px 0;
 
-                  .OwnerList {
-                    border-top: 2px solid #f8f8f8;
-                    white-space: nowrap;
-                    font-size: 0;
-                    padding: 30px 0;
+                  >view {
+                    position: relative;
+                    text {
+                      display: block;
+                      width: 100%;
+                      text-align: center;
+                      font-size: 26px;
+                      color: #333;
+                      line-height: 40px;
 
-                    >view {
-                      display: inline-block;
-                      vertical-align: middle;
-                      width: 25%;
-                      position: relative;
-                      text {
-                        display: block;
-                        width: 100%;
-                        text-align: center;
-                        font-size: 26px;
-                        color: #333;
-                        line-height: 40px;
-
-                        &.iconfont {
-                          color: #f35844;
-                          font-size: 60px;
-                          line-height: 70px;
-                          margin-bottom: 10px;
-                        }
+                      &.iconfont {
+                        color: #f35844;
+                        font-size: 60px;
+                        line-height: 70px;
+                        margin-bottom: 10px;
                       }
                     }
                   }