Главная Обзор Помощь
Регистрация Вход
twt
/
shell
Следить 1
В избранное 0
Ответвить 0
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Просмотр исходного кода

first commit

twt лет назад: 2
Сommit
8259eb3934
100 измененных файлов с 16679 добавлено и 0 удалено
Разделённый вид Показать статистику Diff
  1. 16 0
      .hbuilderx/launch.json
  2. 20 0
      App.vue
  3. 20 0
      index.html
  4. 27 0
      main.js
  5. 72 0
      manifest.json
  6. 71 0
      pages.json
  7. 106 0
      pages/index/byItem.vue
  8. 105 0
      pages/index/carConfiguration.vue
  9. 94 0
      pages/index/carGroup.vue
  10. 728 0
      pages/index/carModel.vue
  11. 98 0
      pages/index/displacement.vue
  12. 167 0
      pages/index/engineOil.vue
  13. 237 0
      pages/index/gearboxOil.vue
  14. 68 0
      pages/index/goodsDetail.vue
  15. 48 0
      pages/index/history.vue
  16. 258 0
      pages/index/index.vue
  17. 288 0
      pages/index/search.vue
  18. BIN
      static/img/icon_arrow.png
  19. BIN
      static/img/icon_baoyang.png
  20. BIN
      static/img/icon_biansuxiang.png
  21. BIN
      static/img/icon_cheliang.png
  22. BIN
      static/img/icon_jiyou.png
  23. BIN
      static/img/icon_pic.png
  24. BIN
      static/img/icon_quxiao.png
  25. BIN
      static/img/icon_search.png
  26. BIN
      static/img/icon_shitu.png
  27. BIN
      static/img/icon_xuanze.png
  28. 10 0
      uni.promisify.adaptor.js
  29. 76 0
      uni.scss
  30. 8 0
      uni_modules/uni-scss/changelog.md
  31. 1 0
      uni_modules/uni-scss/index.scss
  32. 82 0
      uni_modules/uni-scss/package.json
  33. 4 0
      uni_modules/uni-scss/readme.md
  34. 7 0
      uni_modules/uni-scss/styles/index.scss
  35. 3 0
      uni_modules/uni-scss/styles/setting/_border.scss
  36. 66 0
      uni_modules/uni-scss/styles/setting/_color.scss
  37. 55 0
      uni_modules/uni-scss/styles/setting/_radius.scss
  38. 56 0
      uni_modules/uni-scss/styles/setting/_space.scss
  39. 167 0
      uni_modules/uni-scss/styles/setting/_styles.scss
  40. 24 0
      uni_modules/uni-scss/styles/setting/_text.scss
  41. 146 0
      uni_modules/uni-scss/styles/setting/_variables.scss
  42. 19 0
      uni_modules/uni-scss/styles/tools/functions.scss
  43. 31 0
      uni_modules/uni-scss/theme.scss
  44. 62 0
      uni_modules/uni-scss/variables.scss
  45. 0 0
      unpackage/dist/dev/.automator/mp-weixin/.automator.json
  46. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map
  47. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/common/runtime.js.map
  48. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map
  49. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/byItem.js.map
  50. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/carConfiguration.js.map
  51. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/carGroup.js.map
  52. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/carModel.js.map
  53. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/displacement.js.map
  54. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/engineOil.js.map
  55. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gearboxOil.js.map
  56. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/goodsDetail.js.map
  57. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/history.js.map
  58. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
  59. 1 0
      unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/search.js.map
  60. 4 0
      unpackage/dist/dev/mp-weixin/app.js
  61. 22 0
      unpackage/dist/dev/mp-weixin/app.json
  62. 3 0
      unpackage/dist/dev/mp-weixin/app.wxss
  63. 150 0
      unpackage/dist/dev/mp-weixin/common/main.js
  64. 20 0
      unpackage/dist/dev/mp-weixin/common/main.wxss
  65. 273 0
      unpackage/dist/dev/mp-weixin/common/runtime.js
  66. 9753 0
      unpackage/dist/dev/mp-weixin/common/vendor.js
  67. 217 0
      unpackage/dist/dev/mp-weixin/pages/index/byItem.js
  68. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/byItem.json
  69. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/byItem.wxml
  70. 56 0
      unpackage/dist/dev/mp-weixin/pages/index/byItem.wxss
  71. 238 0
      unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.js
  72. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.json
  73. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.wxml
  74. 34 0
      unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.wxss
  75. 233 0
      unpackage/dist/dev/mp-weixin/pages/index/carGroup.js
  76. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/carGroup.json
  77. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/carGroup.wxml
  78. 38 0
      unpackage/dist/dev/mp-weixin/pages/index/carGroup.wxss
  79. 570 0
      unpackage/dist/dev/mp-weixin/pages/index/carModel.js
  80. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/carModel.json
  81. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/carModel.wxml
  82. 341 0
      unpackage/dist/dev/mp-weixin/pages/index/carModel.wxss
  83. 237 0
      unpackage/dist/dev/mp-weixin/pages/index/displacement.js
  84. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/displacement.json
  85. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/displacement.wxml
  86. 38 0
      unpackage/dist/dev/mp-weixin/pages/index/displacement.wxss
  87. 232 0
      unpackage/dist/dev/mp-weixin/pages/index/engineOil.js
  88. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/engineOil.json
  89. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/engineOil.wxml
  90. 96 0
      unpackage/dist/dev/mp-weixin/pages/index/engineOil.wxss
  91. 260 0
      unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.js
  92. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.json
  93. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.wxml
  94. 138 0
      unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.wxss
  95. 216 0
      unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.js
  96. 4 0
      unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.json
  97. 1 0
      unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.wxml
  98. 19 0
      unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.wxss
  99. 197 0
      unpackage/dist/dev/mp-weixin/pages/index/history.js
  100. 0 0
      unpackage/dist/dev/mp-weixin/pages/index/history.json

+ 16 - 0
.hbuilderx/launch.json
Просмотреть файл 

@@ -0,0 +1,16 @@
 
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
 
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
 
+    "version": "0.0",
 
+    "configurations": [{
 
+     	"default" : 
+     	{
 
+     		"launchtype" : "local"
 
+     	},
 
+     	"mp-weixin" : 
+     	{
 
+     		"launchtype" : "local"
 
+     	},
 
+     	"type" : "uniCloud"
 
+     }
 
+    ]
 
+}

+ 20 - 0
App.vue
Просмотреть файл 

@@ -0,0 +1,20 @@
 
+<script>
 
+	export default {
 
+		onLaunch: function() {
 
+			console.log('App Launch')
 
+		},
 
+		onShow: function() {
 
+			console.log('App Show')
 
+		},
 
+		onHide: function() {
 
+			console.log('App Hide')
 
+		}
 
+	}
 
+</script>
 
+
 
+<style>
 
+	/*每个页面公共css */
 
+	.flex{
 
+		display: flex;justify-content: space-between;
 
+	}
 
+</style>

+ 20 - 0
index.html
Просмотреть файл 

@@ -0,0 +1,20 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <script>
 
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
 
+        CSS.supports('top: constant(a)'))
 
+      document.write(
 
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
 
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
 
+    </script>
 
+    <title></title>
 
+    <!--preload-links-->
 
+    <!--app-context-->
 
+  </head>
 
+  <body>
 
+    <div id="app"><!--app-html--></div>
 
+    <script type="module" src="/main.js"></script>
 
+  </body>
 
+</html>

+ 27 - 0
main.js
Просмотреть файл 

@@ -0,0 +1,27 @@
 
+import App from './App'
 
+
 
+// #ifndef VUE3
 
+import Vue from 'vue'
 
+import './uni.promisify.adaptor'
 
+Vue.config.productionTip = false
 
+App.mpType = 'app'
 
+
 
+import request from 'utils/request.js'
 
+Vue.prototype.$http = request.http
 
+Vue.prototype.$ajax = request.ajax
 
+Vue.prototype.$baseURL = request.baseURL
 
+const app = new Vue({
 
+  ...App
 
+})
 
+app.$mount()
 
+// #endif
 
+
 
+// #ifdef VUE3
 
+import { createSSRApp } from 'vue'
 
+export function createApp() {
 
+  const app = createSSRApp(App)
 
+  return {
 
+    app
 
+  }
 
+}
 
+// #endif

+ 72 - 0
manifest.json
Просмотреть файл 

@@ -0,0 +1,72 @@
 
+{
 
+    "name" : "qiaopai",
 
+    "appid" : "__UNI__00C820E",
 
+    "description" : "",
 
+    "versionName" : "1.0.0",
 
+    "versionCode" : "100",
 
+    "transformPx" : false,
 
+    /* 5+App特有相关 */
 
+    "app-plus" : {
 
+        "usingComponents" : true,
 
+        "nvueStyleCompiler" : "uni-app",
 
+        "compilerVersion" : 3,
 
+        "splashscreen" : {
 
+            "alwaysShowBeforeRender" : true,
 
+            "waiting" : true,
 
+            "autoclose" : true,
 
+            "delay" : 0
 
+        },
 
+        /* 模块配置 */
 
+        "modules" : {},
 
+        /* 应用发布信息 */
 
+        "distribute" : {
 
+            /* android打包配置 */
 
+            "android" : {
 
+                "permissions" : [
 
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
 
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
 
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
 
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
 
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
 
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
 
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
 
+                ]
 
+            },
 
+            /* ios打包配置 */
 
+            "ios" : {},
 
+            /* SDK配置 */
 
+            "sdkConfigs" : {}
 
+        }
 
+    },
 
+    /* 快应用特有相关 */
 
+    "quickapp" : {},
 
+    /* 小程序特有相关 */
 
+    "mp-weixin" : {
 
+        "appid" : "",
 
+        "setting" : {
 
+            "urlCheck" : false
 
+        },
 
+        "usingComponents" : true
 
+    },
 
+    "mp-alipay" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-baidu" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-toutiao" : {
 
+        "usingComponents" : true
 
+    },
 
+    "uniStatistics" : {
 
+        "enable" : false
 
+    },
 
+    "vueVersion" : "2"
 
+}

+ 71 - 0
pages.json
Просмотреть файл 

@@ -0,0 +1,71 @@
 
+{
 
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+		{
 
+			"path": "pages/index/index",
 
+			"style": {
 
+				"navigationBarTitleText": "配件查询"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/displacement",
 
+			"style": {
 
+				"navigationBarTitleText": "车型选择"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/carGroup",
 
+			"style": {
 
+				"navigationBarTitleText": "车型选择"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/history",
 
+			"style": {
 
+				"navigationBarTitleText": "历史查询"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/search",
 
+			"style": {
 
+				"navigationBarTitleText": "搜索"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/byItem",
 
+			"style": {
 
+				"navigationBarTitleText": "选择保养项目"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/engineOil",
 
+			"style": {
 
+				"navigationBarTitleText": "机油"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/gearboxOil",
 
+			"style": {
 
+				"navigationBarTitleText": "变速箱油"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/goodsDetail",
 
+			"style": {
 
+				"navigationBarTitleText": "商品详情"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/carConfiguration",
 
+			"style": {
 
+				"navigationBarTitleText": "车辆配置"
 
+			}
 
+		}
 
+	],
 
+	"globalStyle": {
 
+		"navigationBarTextStyle": "black",
 
+		"navigationBarTitleText": "配件查询",
 
+		"navigationBarBackgroundColor": "#F8F8F8",
 
+		"backgroundColor": "#F8F8F8"
 
+	},
 
+	"uniIdRouter": {}
 
+}

+ 106 - 0
pages/index/byItem.vue
Просмотреть файл 

@@ -0,0 +1,106 @@
 
+<template>
 
+	<view class="content">
 
+	  <view class="box">
 
+		  <view class="historyLine" >
 
+		  	<image src="http://img.db.66km.cn/carbrandlogo/B - 宝马.png" mode="" class="historylinecarImg"></image>
 
+		  	<view class="historylinecar">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )（2021-2021）过长换行</view>
 
+		  </view>
 
+	  </view>
 
+	  
+	  <view class="title">机油推荐</view>
 
+	  
+	  <view class="lineBox flex">
 
+	  	<view class="line">
 
+			<view class="lineTitle">机油</view>
 
+			<view class="lineEnglish">Engine Oil</view>
 
+			<view class="lineImgbox">
 
+				<image src="../../static/img/icon_jiyou.png" mode="" class="lineImg1"></image>
 
+			</view>
 
+		</view>
 
+		<view class="line">
 
+			<view class="lineTitle">变速箱油</view>
 
+			<view class="lineEnglish">Gearbox Oil</view>
 
+			<view class="lineImgbox">
 
+				<image src="../../static/img/icon_biansuxiang.png" mode="" class="lineImg2"></image>
 
+			</view>
 
+		</view>
 
+	  </view>
 
+	  
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+			
+		},
 
+		data() {
 
+			return {
 
+				
+			}
 
+		},
 
+		onLoad(opt) {
 
+         
+		},
 
+		methods: {
 
+           
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.content{
 
+	min-height: 100vh;
 
+	background: #F4F5F7;
 
+}
 
+.box{
 
+	padding: 0 24rpx;
 
+	background: #ffffff;
 
+}
 
+.historylinecarImg{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.historylinecar{
 
+	font-weight: 400;font-size: 26rpx;
 
+	color: #1A1A1A;
 
+	line-height: 37rpx;width: 636rpx;
 
+}
 
+.historyLine{
 
+	display: flex;justify-content: space-between;
 
+	padding: 30rpx 0;border-top: 1rpx solid #EEEEEE;
 
+}
 
+.title{
 
+	font-weight: 500;font-size: 28rpx;
 
+	color: #1A1A1A;padding: 30rpx 24rpx;
 
+	line-height: 40rpx;
 
+}
 
+.lineBox{
 
+padding: 0 24rpx;	
+}
 
+.line{
 
+	width: 332rpx;
 
+	height: 206rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 16rpx;
 
+}
 
+.lineTitle{
 
+	font-weight: 500;font-size: 28rpx;padding-top: 32rpx;
 
+	color: #1A1A1A;padding-left: 30rpx;
 
+	line-height: 40rpx;
 
+}
 
+.lineEnglish{
 
+	font-weight: 400;font-size: 24rpx;
 
+	color: #999999;padding-left: 30rpx;
 
+	line-height: 34rpx;padding-top: 10rpx;
 
+}
 
+.lineImg1{
 
+	width: 82rpx;height: 92rpx;
 
+}
 
+.lineImgbox{
 
+	text-align: right;
 
+}
 
+.lineImg2{
 
+	width: 106rpx;height: 82rpx;    margin-top: 10rpx;
 
+}
 
+</style>

+ 105 - 0
pages/index/carConfiguration.vue
Просмотреть файл 

@@ -0,0 +1,105 @@
 
+<template>
 
+	<view class="content">
 
+	  <view class="top">
 
+	  	 <view class="carBrand">宝马</view>
 
+		 <view class="carName">宝马-iX3-华晨宝马</view>
 
+	  </view>
 
+	  <view class="box">
 
+		  <view class="line">
 
+			  <view class="lineLeft">品牌</view>
 
+			  <view class="lineRight">宝马</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">车型</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">销售名称</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">款型年份</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">生产年份</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">停产年份</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">排量</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">进气形式</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">燃油类型</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+		  <view class="line">
 
+			  <view class="lineLeft">发动机型号</view>
 
+			  <view class="lineRight">宝马 iX3 G08 电动</view>
 
+		  </view>
 
+	  </view>
 
+	  
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+			
+		},
 
+		data() {
 
+			return {
 
+				
+			}
 
+		},
 
+		onLoad(opt) {
 
+         
+		},
 
+		methods: {
 
+           
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.top{
 
+	background: url('http://dmsphoto.66km.com.cn/thFiles/AFCBDA6F-03C0-46C0-9090-9A34C125D140.png') no-repeat;
 
+	background-size: 100%;
 
+	width: 750rpx;height: 250rpx;
 
+	background-position: right bottom;
 
+}
 
+.carBrand{
 
+	font-weight: 500;font-size: 44rpx;
 
+	color: #FFFFFF;padding-left: 24rpx;
 
+	line-height: 62rpx;padding-top: 30rpx;
 
+}
 
+.carName{
 
+	font-weight: 400;font-size: 28rpx;
 
+	color: #FFFFFF;padding-left: 24rpx;
 
+	line-height: 40rpx;padding-top: 26rpx;
 
+}
 
+.box{
 
+	width: 750rpx;
 
+	background: #FFFFFF;
 
+	padding-top: 20rpx;
 
+	border-radius: 24rpx 24rpx 0rpx 0rpx;
 
+	margin-top: -40rpx;
 
+}
 
+.line{
 
+	display: flex;font-size: 28rpx;line-height: 40rpx;padding: 20rpx 24rpx;
 
+}
 
+.lineLeft{
 
+	color: #999999;width: 180rpx;
 
+}
 
+.lineRight{
 
+	color: #3C3C3C;
 
+}
 
+</style>

+ 94 - 0
pages/index/carGroup.vue
Просмотреть файл 

@@ -0,0 +1,94 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="top">
 
+			<image :src="optdata.logo" mode="" class="logoImg"></image>
 
+			<view class="topname">
 
+				{{optdata.brand}}-{{optdata.manufactor}}-{{optdata.carSeries}}-{{optdata.displacement}}
 
+			</view>
 
+		</view>
 
+		<view class="ts">
 
+			<image src="../../static/img/icon_xuanze.png" mode="" class="tsImg"></image>
 
+			<view class="tsTxt">请选择车型</view>
 
+		</view>
 
+		<view class="linebox">
 
+			<view class="line" v-for="(item,index) in carGroupList">
 
+				{{item.title}}
 
+			</view>
 
+		</view> 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+			
+		},
 
+		data() {
 
+			return {
 
+				brand:'',
 
+				manufactor:'',
 
+				carSeries:'',
 
+				logo:'',
 
+				optdata:'',
 
+				carGroupList:[],
 
+			}
 
+		},
 
+		onLoad(opt) {
 
+          this.optdata=opt;
 
+		  this.getmodelList();
 
+		},
 
+		methods: {
 
+           getmodelList(){
 
+           	uni.showLoading({ title: '加载中'});
 
+           	this.$http('matchingByOpen/queryCarModelGroupPackage', {
 
+           	  brand:this.optdata.brand,
 
+           	  manufactor:this.optdata.manufactor,
 
+           	  carSeries:this.optdata.carSeries,
 
+           	  displacement:this.optdata.displacement
 
+           	 },'post').then(res => {
 
+           		uni.hideLoading();
 
+           		this.carGroupList=res.data.carGroupList
 
+           	})
 
+           },
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.content{
 
+	background: #F4F5F7;min-height: 100vh;
 
+}
 
+.top{
 
+	display: flex;background: #ffffff;
 
+	padding: 34rpx 24rpx;
 
+}
 
+.logoImg{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.topname{
 
+	font-weight: 500;font-size: 28rpx;line-height: 46rpx;
 
+	color: #1A1A1A;padding-left: 20rpx;
 
+}
 
+.tsImg{
 
+	width: 27rpx;height: 28rpx;
 
+}
 
+.tsTxt{
 
+	font-weight: 500;padding-left: 16rpx;
 
+	color: #FFBF35;
 
+	font-size: 28rpx;line-height: 28rpx;
 
+}
 
+.ts{
 
+	padding: 36rpx 24rpx;display: flex;
 
+}
 
+.linebox{
 
+	background: #ffffff;
 
+	padding: 0 24rpx;
 
+}
 
+.line{
 
+	border-bottom: 1rpx solid #EEEEEE;
 
+	font-weight: 400;
 
+	color: #333333;font-size: 26rpx;
 
+	padding: 30rpx 0;
 
+}
 
+</style>

+ 728 - 0
pages/index/carModel.vue
Просмотреть файл 

@@ -0,0 +1,728 @@
 
+<template>
 
+	<view class="carbox">
 
+		
+		
+		
+		<view class="tab1 ">
 
+			<scroll-view  class="scroll-view" :scroll-into-view="toView" scroll-y="true" >
 
+				<view class="brand-select">
 
+					<template v-for="item in carModelList">
 
+					  <view :id="item['首字母']" v-if="item['首字母']!='热'">
 
+						<view class="brand-select-title" :id="item['首字母']+'-model'">
 
+						  <h5 :class="{'brand-select-titleselect':item['首字母']==toView}">{{item['首字母']}}</h5>
 
+						</view>
 
+					   
+							<view class="brand-select-wrapper">
 
+								<a class="brand-select-item" v-for="item2 in item['品牌列表']" @click="selectBrand(item2)" :id="item2.brand">
 
+								  <img :src="item2.logo" class="brand-select-item-icon">
 
+								  <span>{{item2.brand||item2.name}}</span>
 
+								</a>
 
+							</view>
 
+					   
+					  </view>
 
+					  <view :id="'rm'" v-if="item['首字母']=='热'" class="rmview">
 
+						<view class="brand-select-title" :id="item['首字母']+'-model'">
 
+						  <h5 :class="{'brand-select-titleselect':toView=='rm'}">{{item['首字母']}}</h5>
 
+						</view>
 
+		   
+							<view class="brand-select-wrapper">
 
+								<a class="brand-select-item" v-for="item2 in item['品牌列表']" @click="selectBrand(item2)" :id="item2.brand">
 
+								  <img :src="item2.logo" class="brand-select-item-icon">
 
+								  <span>{{item2.brand||item2.name}}</span>
 
+								</a>
 
+							</view>
 
+					   
+					  </view>
 
+					</template>
 
+				 </view>
 
+		    </scroll-view > 
+			<view class="fast-navigation">
 
+				<a class="fast-navigation-sel" v-if="item['首字母']=='热'" :class="{'select':toView=='rm'}" v-for="item in carModelList" @tap="bindToView(item)">热</a>
 
+			   <a class="fast-navigation-sel" v-if="item['首字母']!=='热'" :class="{'select':item['首字母']==toView}" v-for="item in carModelList" @tap="bindToView(item)">{{item['首字母']}}</a>
 
+			</view>
 
+			
+		</view>
 
+		<!-- uni-popup -->
 
+		<view class="popupone"  @click="popupc" v-if="popuponeShow">
 
+			<view class="popup-content" >
 
+				
+				<scroll-view class="brandList" scroll-y="true">
 
+					<view v-for="item in carSeriesList" :key="item.manufactor" class="brandListkk">
 
+					  <h3 class="cell-item-title">{{ item.manufactor }}</h3>
 
+					  <span v-for="item2 in item.carSeries" :key="item2" :title="item2" class="span-cell" @click="selectCarFactory(item.manufactor,item2)" >{{item2}}</span>
 
+					</view>
 
+					<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+					<view class="status_bar" style="height: 50px;"></view>
 
+				</scroll-view>
 
+				
+			</view>
 
+		</view> 
+		
+		<!-- 排量 -->
 
+		
+		<!-- 
+		<view class="displacementListBox" v-show="displacementListShow">
 
+			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+		
+			<h3 class="carModel-nav-title">
 
+				<view class="carModel-nav-title—left">
 
+					<img :src="selectedCarBrand.logo" class="carModel-nav-title-img" @click="$emit('changeStep', 1)">
 
+					<span class="carModel-nav-title-msg carModel-nav-title-msg1">{{ selectedCarBrand.brand }} {{ carSeries }}</span>
 
+				</view>
 
+			    <view class="carBack" @click="carBack(1)">上一步</view>
 
+			  
+			</h3>
 
+			<scroll-view scroll-y="true" class="brandList">
 
+			  <view @click="selectDisplacement(item)" v-for="item in displacementList" class="displacementListLine" >
 
+			    {{item}}
 
+			  </view>
 
+			  <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+			  <view class="status_bar" style="height: 50px;"></view>
 
+			</scroll-view>
 
+		</view> -->
 
+		<!-- 排量 -->
 
+		<!-- 离合器 -->
 
+		<!-- <view class="carGroupListBox" v-show="carGroupListShow">
 
+			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+			
+			<h3 class="carModel-nav-title">
 
+				<view class="carModel-nav-title—left">
 
+					<img :src="selectedCarBrand.logo" class="carModel-nav-title-img" @click="$emit('changeStep', 1)">
 
+					<span class="carModel-nav-title-msg carModel-nav-title-msg1">{{ selectedCarBrand.brand }} {{ carSeries }}{{displacement}}</span>
 
+				</view>
 
+				<view class="carBack" @click="carBack(2)">上一步</view>
 
+			</h3>
 
+			<scroll-view scroll-y="true" class="brandList">
 
+			  <view @click="goList(item)" v-for="item in carGroupList" class="displacementListLine" >
 
+			    {{item.title}}
 
+			  </view>
 
+			  <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+			  <view class="status_bar" style="height: 50px;"></view>
 
+			</scroll-view>
 
+		</view> -->
 
+		<!-- 离合器 -->
 
+		
+		<!-- 搜索的 -->
 
+	<!-- 	<view class="carssListBox" v-show="carssListShow" @click="carssListShow=false">
 
+			<view class="carssListBoxCont" >
 
+				<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+				<h3 class="carModel-nav-title">
 
+					<view class="carModel-nav-title—left">
 
+						<span class="carModel-nav-title-msg" style="padding-left: 24rpx;">{{carName}}</span>
 
+					</view>
 
+					
+				</h3>
 
+				<scroll-view scroll-y="true" class="brandList">
 
+				  <view @click.stop="ssitem(item)" v-for="item in carsslist" class="carsslineTxt" >
 
+				    {{item.title}}
 
+				  </view>
 
+				  <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+				  <view class="status_bar" style="height: 50px;"></view>
 
+				</scroll-view>
 
+			</view>
 
+		</view> -->
 
+		
+		<!-- <view class="carssListBox2" v-show="secondShow" @click.stop="secondShow=false">
 
+			<view class="carssListBoxCont">
 
+				<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+				<h3 class="carModel-nav-title">
 
+					<view class="carModel-nav-title—left">
 
+						<span class="carModel-nav-title-msg" style="padding-left: 24rpx;">{{ssname1}}</span>
 
+					</view>
 
+					<view class="carBack" @click="secondShow=false">上一步</view>
 
+				</h3>
 
+				<scroll-view scroll-y="true" class="brandList">
 
+				  <view @click.stop="seconditem(item)" v-for="item in secondlist" class="carsslineTxt" >
 
+				    {{item.title}}
 
+				  </view>
 
+				  <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+				  <view class="status_bar" style="height: 50px;"></view>
 
+				</scroll-view>
 
+			</view>
 
+			
+		</view>
 
+		<view class="carssListBox2" v-show="ssdisplacementListShow" @click.stop="ssdisplacementListShow=false">
 
+			<view class="carssListBoxCont">
 
+				<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+				<h3 class="carModel-nav-title">
 
+					<view class="carModel-nav-title—left">
 
+						<span class="carModel-nav-title-msg " style="padding-left: 24rpx;">{{ssname2}}</span>
 
+					</view>
 
+					<view class="carBack" @click="ssdisplacementListShow=false">上一步</view>
 
+				</h3>
 
+				<scroll-view scroll-y="true" class="brandList">
 
+				  <view @click="golistnew(item)" v-for="item in ssdisplacementList" class="carsslineTxt" >
 
+				    {{item.displacement}}
 
+				  </view>
 
+				  <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
 
+				  <view class="status_bar" style="height: 50px;"></view>
 
+				</scroll-view>
 
+			</view>
 
+			
+		</view> -->
 
+		<!-- 搜索的 -->
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+
 
+	export default {
 
+		data() {
 
+			return {
 
+				carModelList:'',
 
+				toView:'',
 
+				type:'right',
 
+				iStatusBarHeight:'',
 
+				selectedCarBrand:'',
 
+				brand:'',
 
+				carSeriesList:'',
 
+				manufactor:'',
 
+				carSeries:'',
 
+				displacementList:'',
 
+				displacementListShow:false,
 
+				selectedCarSeries:'',
 
+				displacement:'',
 
+				carGroupList:'',
 
+				carGroupListShow:false,
 
+				carsslist:[],
 
+				carName:'',
 
+				carssListShow:false,
 
+				secondShow:false,
 
+				secondlist:'',
 
+				carItem:'',
 
+				ssdisplacementListShow:false,
 
+				ssdisplacementList:'',
 
+				ssname1:'',
 
+				ssname2:'',
 
+				popuponeShow:false,
 
+			}
 
+		},
 
+		onLoad() {
 
+          console.log("?")
 
+		  
+		   
+		},
 
+		methods: {
 
+		  popupc(e){
 
+			 /* console.log(e)
 
+			  if(!e.show){
 
+				  this.displacementListShow=false;
 
+				  this.carGroupListShow=false;
 
+			  } */
 
+		  },
 
+		  carBack(num){
 
+				if(num==2){
 
+					this.carGroupListShow=false;
 
+				}
 
+				if(num==1){
 
+					this.displacementListShow=false;
 
+				}
 
+		  },
 
+		  getcarsslist(){
 
+			  this.secondShow=false;
 
+			  this.ssdisplacementListShow=false;
 
+			   uni.showLoading({ title: '加载中'});
 
+			  this.$http('matchingByOpen/queryCarModelGroupIiPackage', {
 
+			  		name:this.carName	
+			  }, 'POST').then(res => {
 
+				  uni.hideLoading();
 
+				  this.carssListShow=true;
 
+				  this.carsslist=res.data
 
+			  //	this.carModelList=res.data.brands
 
+			  	
+			  })
 
+		  },
 
+		  ssitem(item){
 
+			  this.carItem=item;
 
+			  uni.showLoading({ title: '加载中'});
 
+			  if(item.type==1){
 
+				  var params={
 
+					  type:item.type,
 
+					  manufactor:item.manufactor,
 
+				  }
 
+				  this.$http('matchingByOpen/queryCarModelGroupIiPackageSecond', params, 'POST').then(res => {
 
+				  	this.secondlist=res.data;
 
+				  				this.secondShow=true;
 
+				  	  uni.hideLoading();
 
+				  })
 
+			  }else if(item.type==2){
 
+				  var params={
 
+					  type:item.type,
 
+					  manufactor:item.manufactor,
 
+					  brand:item.brand,
 
+					  carSeries:item.carSeries
 
+				  }
 
+				  this.$http('matchingByOpen/queryCarModelGroupIiPackageSecond', params, 'POST').then(res => {
 
+				  	this.secondlist=res.data;
 
+				  			this.secondShow=true;
 
+				  	  uni.hideLoading();
 
+				  })
 
+			  }else{
 
+				  if(item.displacementList.length==1){
 
+					  uni.navigateTo({
 
+					  	url:'list?type=2&id='+item.displacementList[0].id
 
+					  })
 
+				  }else{
 
+					  this.ssdisplacementList=item.displacementList;
 
+					  this.ssdisplacementListShow=true;
 
+					  this.ssname2=item.title;
 
+				  }
 
+				 
+				  
+			  }
 
+			   this.ssname1=item.title
 
+			 
+			  
+		  },
 
+		  seconditem(item){
 
+			  if(item.displacementList.length==1){
 
+			  					  uni.navigateTo({
 
+			  					  	url:'list?type=2&id='+item.displacementList[0].id
 
+			  					  })
 
+			  }
 
+			  else{
 
+				 this.ssdisplacementList=item.displacementList;
 
+				 this.ssdisplacementListShow=true;
 
+				 this.ssname2=item.title 
+			  }
 
+			  
+			 // this.$refs.popup.open("right2")
 
+			  //this.popupShow=true;
 
+		  },
 
+		  carNameInput(){
 
+			//console.log(this.carName)  
+			if(this.carName==''){
 
+				this.carssListShow=false;
 
+				this.secondShow=false;
 
+				this.ssdisplacementListShow=false;
 
+			}
 
+		  },
 
+          getdata(){
 
+			 
+			  uni.showLoading({ title: '加载中'});
 
+			 
+			  
+			  
+			  this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
 
+			  this.$http('matchingByOpen/queryCarModelGroupPackage', {
 
+			
+			  }, 'POST').then(res => {
 
+				   console.log("matchingByOpen/queryCarModelGroupPackage")
 
+				  console.log(res)
 
+			  	  this.carModelList=res.data.brands;
 
+				   
+			  	  uni.hideLoading();
 
+				 
+			  }).catch((err) => {
 
+				  console.log(err)
 
+			  })
 
+		  },
 
+		  selectBrand(item){
 
+		  	console.log(item)
 
+		  	this.selectedCarBrand=item;
 
+		  	//this.$refs.popup.open("right")
 
+		  	this.popuponeShow=true;
 
+		  	this.brand=item.brand
 
+		  	this.getbrand()
 
+		  },
 
+		  getbrand(){
 
+		  	uni.showLoading({ title: '加载中'});
 
+		  	this.$http('matchingByOpen/queryCarModelGroupPackage', {
 
+		  	  brand:this.brand
 
+		  	 },'POST').then(res => {
 
+		  		uni.hideLoading();
 
+		  		this.carSeriesList=res.data.carSeriesList
 
+		  	})
 
+		  },
 
+		  selectCarFactory(manufactor,item){
 
+		  	this.manufactor=manufactor;
 
+		  	this.carSeries=item;
 
+			console.log(manufactor)
 
+			console.log(item)
 
+			console.log(this.selectedCarBrand)
 
+		  	//this.selectedCarSeries=item
 
+		  	//this.displacementListShow=true;
 
+		  	//this.getdisplacementList()
 
+			uni.navigateTo({
 
+				url:'/pages/index/displacement?logo='+this.selectedCarBrand.logo+'&manufactor='+manufactor+'&carSeries='+item+'&brand='+this.selectedCarBrand.brand
 
+			})
 
+		  },
 
+		  getdisplacementList(){
 
+		  	uni.showLoading({ title: '加载中'});
 
+		  	this.$http('matchingByOpen/queryCarModelGroupPackage', {
 
+		  	  brand:this.brand,
 
+		  	  manufactor:this.manufactor,
 
+		  	  carSeries:this.carSeries
 
+		  	 },'POST').then(res => {
 
+		  		uni.hideLoading();
 
+		  		this.displacementList=res.data.displacementList
 
+		  	})
 
+		  },
 
+		  selectDisplacement(item){
 
+		  	this.displacement=item;
 
+		  	this.carGroupListShow=true;
 
+		  	this.getmodelList();
 
+		  },
 
+		  getmodelList(){
 
+		  	uni.showLoading({ title: '加载中'});
 
+		  	this.$http('matchingByOpen/queryCarModelGroupPackage', {
 
+		  	  brand:this.brand,
 
+		  	  manufactor:this.manufactor,
 
+		  	  carSeries:this.carSeries,
 
+		  	  displacement:this.displacement
 
+		  	 },'post').then(res => {
 
+		  		uni.hideLoading();
 
+		  		this.carGroupList=res.data.carGroupList
 
+		  	})
 
+		  },
 
+		  goList(item){
 
+			  console.log(item)
 
+			   this.$store.commit('mutationslistId', item.id)
 
+			  uni.navigateTo({
 
+			  	url:'list?name='+item.value+'&nLevelID='+item.carModelInfo.nLevelID+'&id='+item.id
 
+			  })
 
+		  },
 
+		  golistnew(item){
 
+			  uni.navigateTo({
 
+			  	url:'list?type=2&id='+item.id
 
+			  })
 
+		  },
 
+		  bindToView(item){
 
+		  	console.log(item)
 
+		  	if(item['首字母']=='热'){
 
+		  			this.toView ='rm'
 
+		  	}else{
 
+		  			this.toView = item['首字母']
 
+		  	}
 
+		  	console.log(this.toView)
 
+		  	
+		  },
 
+		  close(){
 
+		  	//this.$refs.popup.close()
 
+		  },
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped lang="scss">
 
+.popupone{
 
+	width: 100vw;height: 100vh;
 
+	background:rgba(0, 0, 0, 0.4) ;
 
+	position: fixed;top: 0;left: 0;
 
+	z-index: 11;
 
+}
 
+.brandListkk{
 
+	padding-top: 30rpx;
 
+}
 
+.brand-select .rmview .brand-select-title{
 
+	background: #fff;
 
+}
 
+.rmview{
 
+	border-radius: 16rpx;overflow: hidden;
 
+}
 
+.carModel-nav-title-left{
 
+		display: flex;
 
+	}
 
+	.carModel-nav-title{
 
+		display: flex;
 
+		justify-content: space-between;
 
+	}
 
+	.carBack{
 
+		line-height: 100rpx;
 
+		font-size: 30rpx;
 
+		font-family: PingFangSC-Medium, PingFang SC;
 
+		font-weight: 500;
 
+		color: #FFFFFF;
 
+		padding-right: 24rpx;
 
+	}
 
+	.carSs{
 
+		width: 750rpx;
 
+		height: 96rpx;
 
+		background: #FFFFFF;
 
+		padding-top: 24rpx;
 
+		position: fixed;
 
+		z-index: 999;
 
+		left: 0;
 
+		top:90rpx;
 
+		/* top: calc(44px + 96rpx); */
 
+	}
 
+	.carssBox{
 
+		width: 702rpx;
 
+		height: 72rpx;
 
+		background: #F4F5F7;
 
+		border-radius: 36rpx;
 
+		margin: 0 auto;
 
+		
+	}
 
+	.carSsImg{
 
+		width: 40rpx;
 
+		height: 40rpx;
 
+		margin-top: 16rpx;
 
+		margin-left: 20rpx;
 
+	}
 
+	.carssInput{
 
+		line-height:72rpx;
 
+		font-size: 28rpx;
 
+		height:72rpx;
 
+		padding-left: 16rpx;
 
+		width: 600rpx;
 
+	}
 
+	.carssBox{
 
+		display: flex;
 
+	}
 
+	.brand-select{
 
+	  .brand-select-title{
 
+	    height: 80rpx;
 
+	    background:rgba(247,247,247,1);
 
+	    position: relative;
 
+	    h5{
 
+	      position: absolute;
 
+	      height:40rpx;
 
+	      font-size:28rpx;
 
+	      font-weight:500;
 
+	      color:rgba(102,102,102,1);
 
+	      line-height:40rpx;
 
+	      top: 20rpx;
 
+	      left: 30rpx;
 
+	    }
 
+	  }
 
+	  .brand-select-wrapper{
 
+	    display: flex;
 
+	    flex-wrap: wrap;
 
+	    background:rgba(255,255,255,1);
 
+		width: 702rpx;border-radius: 16rpx;
 
+	    .brand-select-item{
 
+	      display: block;
 
+	      width: 80rpx;
 
+	      height: 100rpx;
 
+	      padding: 30rpx;
 
+	      img{
 
+	        display: inline-block;
 
+	        margin-left: 10rpx;
 
+	        width: 60rpx;
 
+	        height: 60rpx;
 
+	      }
 
+	      span{
 
+	        display: inline-block;
 
+	        text-align: center;
 
+	        height:33rpx;
 
+	        width: 90rpx;
 
+	        font-size:24rpx;
 
+	        font-weight:400;
 
+	        color:rgba(51,51,51,1);
 
+	        line-height:33rpx;
 
+	      }
 
+	    }
 
+	
+	  }
 
+	}
 
+	.fast-navigation{
 
+	  position: absolute;
 
+	  text-align: center;
 
+	  right: 16rpx;
 
+	  top: 30rpx;
 
+	  width: 23rpx;
 
+	  font-size:26rpx;
 
+	  font-weight:500;
 
+	  line-height:35rpx;
 
+	  color: rgb(153, 153, 153);
 
+	  a{
 
+	    display: block;
 
+		padding-top: 10rpx;
 
+	  }
 
+	  .select{
 
+	    color: #FF4F00;
 
+	  }
 
+	}
 
+	.scroll-view{
 
+		height: calc(100vh - 120rpx);
 
+	}
 
+	.brand-select{
 
+		padding-bottom: 100rpx;
 
+	}
 
+	.popup-height {
 
+	
+		width: 200px;
 
+	}
 
+	.popup-content{
 
+		width: 80vw;
 
+		background: #FFFFFF;
 
+		height: 100vh;
 
+		margin-left: 20vw;
 
+	}
 
+	.carModel-nav-title{
 
+	  height:100rpx;
 
+	  background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+	  line-height: 100rpx;
 
+	  display: flex;
 
+	  z-index: 500;
 
+	  &.cell-logo{
 
+	    position: sticky;
 
+	    top: 0;
 
+	   background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+	  }
 
+	  .carModel-nav-title-box{
 
+	    width: 100%;
 
+	    display: flex;
 
+	  }
 
+	  .carModel-nav-title-img{
 
+	    margin: 20rpx;
 
+	    width: 60rpx;
 
+	    height: 60rpx;
 
+	  }
 
+	  .carModel-nav-title-msg{
 
+	    font-size:30rpx;
 
+	    font-weight:400;
 
+	    color:rgba(255,255,255,1);
 
+	    display: block;
 
+	    padding-right: 20rpx;
 
+		width: 400rpx;
 
+		overflow: hidden;
 
+		text-overflow: ellipsis; 
+				white-space: nowrap; 
+	  }
 
+	  .carModel-nav-title-msg1{
 
+		  width: 300rpx;
 
+	  }
 
+	}
 
+	.cell-item-title{
 
+	 line-height: 69rpx;padding-left: 24rpx;
 
+	  width: 504rpx;margin-left: 30rpx;
 
+	  height: 69rpx;
 
+	  background: #FF4F00 linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+	  border-radius: 16rpx;
 
+	  font-weight: 500;
 
+	  color: #FFFFFF;font-size: 28rpx;
 
+	}
 
+	.span-cell{
 
+	  position: relative;
 
+	  display: -webkit-box;
 
+	  display: -webkit-flex;
 
+	  display: flex;
 
+	  box-sizing: border-box;
 
+	  width: 100%;
 
+	  padding: 6rpx 30rpx;
 
+	  overflow: hidden;
 
+	  color: #323233;
 
+	  font-size: 3.73333vw;
 
+	  line-height: 82rpx;
 
+	  height: 82rpx;
 
+	  background-color: #fff;
 
+	  border-bottom: 1px solid #ebedf0;
 
+	
+	}
 
+	.carModel-nav-title{
 
+	  height:100rpx;
 
+	 background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+	 line-height: 100rpx;
 
+	  display: flex;
 
+	  z-index: 500;
 
+	  &.cell-logo{
 
+	    position: sticky;
 
+	    top: 0;
 
+	   background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+	  }
 
+	  .carModel-nav-title-box{
 
+	    width: 100%;
 
+	    display: flex;
 
+	  }
 
+	  .carModel-nav-title-img{
 
+	    margin: 20rpx;
 
+	    width: 60rpx;
 
+	    height: 60rpx;
 
+	  }
 
+	  .carModel-nav-title-msg{
 
+	    font-size:30rpx;
 
+	    font-weight:400;
 
+	    color:rgba(255,255,255,1);
 
+	    display: block;
 
+	    padding-right: 20px;
 
+	  }
 
+	}
 
+	.carbox{
 
+		height: calc(100vh - 120rpx);
 
+		padding: 0 24rpx;
 
+		padding-top: 30rpx;
 
+	}
 
+	.brandList{
 
+		height: calc(100vh - 150rpx);
 
+		/* padding-bottom:var(--status-bar-height); */
 
+	}
 
+	.displacementListLine{
 
+		min-height: 50rpx;
 
+		padding: 20rpx 20rpx 20rpx 30rpx;
 
+		font-size:28rpx;
 
+		font-weight:600;
 
+		color:rgba(51,51,51,1);
 
+		line-height:50rpx;
 
+		border-top: 2rpx solid rgb(238, 238, 238);
 
+		background-color: rgb(255, 255, 255);
 
+	}
 
+	.carsslineTxt{
 
+		// height: 98rpx;
 
+		background: #FFFFFF;
 
+		line-height:50rpx;
 
+		color: #333333;
 
+		font-size: 28rpx;
 
+		padding: 0 24rpx;
 
+		border-bottom: 1px solid #EEEEEE;
 
+		padding: 20rpx 20rpx 20rpx 30rpx;
 
+	}
 
+	.displacementListBox{
 
+		position: fixed;
 
+		top: 97rpx;
 
+		left: 20vw;
 
+		width: 80vw;
 
+		height: 100vh;
 
+		background:#F4F5F7 ;
 
+		z-index: 11111;
 
+		/*  #ifdef H5 */
 
+		top:calc(210rpx);
 
+		/*  #endif  */
 
+	}
 
+	.carGroupListBox{
 
+		position: fixed;
 
+		top: 0;
 
+		left: 20vw;
 
+		width: 80vw;
 
+		height: 100vh;
 
+		background:#F4F5F7 ;
 
+		z-index: 11111;
 
+		top: 210rpx;
 
+		/*  #ifdef H5 */
 
+	/* 	top:calc(44px + 220rpx); */
 
+		/*  #endif  */
 
+	}
 
+	.carssListBox{
 
+		position: fixed;
 
+		top: 0;
 
+		left: 0;
 
+		width: 200vw;
 
+		height: 100vh;
 
+		background: rgba(0,0,0,0.5) ;
 
+		z-index: 11111;
 
+		/*  #ifdef H5 */
 
+		top:calc( 210rpx);
 
+		/*  #endif  */
 
+	}
 
+	.carssListBoxCont{
 
+		background: #FFFFFF;width: 80vw;margin-left: 20vw;height: 100vh;
 
+	}
 
+	.carssListBox2{
 
+		position: fixed;
 
+		top: 0;
 
+		left: 0;
 
+		width: 100vw;
 
+		height: 100vh;
 
+		background: rgba(0,0,0,0) ;
 
+		z-index: 11112;
 
+		top:calc(210rpx);
 
+		
+	}
 
+	.brand-select-titleselect{
 
+		    color: #FF4F00 !important;
 
+	}
 
+	.tab1{
 
+		position: relative;
 
+	}
 
+</style>

+ 98 - 0
pages/index/displacement.vue
Просмотреть файл 

@@ -0,0 +1,98 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="top">
 
+			<image :src="optdata.logo" mode="" class="logoImg"></image>
 
+			<view class="topname">
 
+				{{optdata.brand}}-{{optdata.manufactor}}-{{optdata.carSeries}}
 
+			</view>
 
+		</view>
 
+		<view class="ts">
 
+			<image src="../../static/img/icon_xuanze.png" mode="" class="tsImg"></image>
 
+			<view class="tsTxt">请选择发动机排量</view>
 
+		</view>
 
+		<view class="linebox">
 
+			<view class="line" v-for="(item,index) in displacementList" @click="gocarGroup(item)">
 
+				{{item}}
 
+			</view>
 
+		</view> 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+			
+		},
 
+		data() {
 
+			return {
 
+				brand:'',
 
+				manufactor:'',
 
+				carSeries:'',
 
+				logo:'',
 
+				optdata:'',
 
+				displacementList:[],
 
+			}
 
+		},
 
+		onLoad(opt) {
 
+          this.optdata=opt;
 
+		  this.getdisplacementList()
 
+		},
 
+		methods: {
 
+           getdisplacementList(){
 
+           	uni.showLoading({ title: '加载中'});
 
+           	this.$http('matchingByOpen/queryCarModelGroupPackage', {
 
+           	  brand:this.optdata.brand,
 
+           	  manufactor:this.optdata.manufactor,
 
+           	  carSeries:this.optdata.carSeries
 
+           	 },'POST').then(res => {
 
+           		uni.hideLoading();
 
+           		this.displacementList=res.data.displacementList
 
+           	})
 
+           },
 
+		   gocarGroup(item){
 
+			   uni.navigateTo({
 
+			   	url:'/pages/index/carGroup?logo='+this.optdata.logo+'&manufactor='+this.optdata.manufactor+'&carSeries='+this.optdata.carSeries+'&brand='+this.optdata.brand+'&displacement='+item
 
+			   })
 
+		   }
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.content{
 
+	background: #F4F5F7;min-height: 100vh;
 
+}
 
+.top{
 
+	display: flex;background: #ffffff;
 
+	padding: 34rpx 24rpx;
 
+}
 
+.logoImg{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.topname{
 
+	font-weight: 500;font-size: 28rpx;line-height: 46rpx;
 
+	color: #1A1A1A;padding-left: 20rpx;
 
+}
 
+.tsImg{
 
+	width: 27rpx;height: 28rpx;
 
+}
 
+.tsTxt{
 
+	font-weight: 500;padding-left: 16rpx;
 
+	color: #FFBF35;
 
+	font-size: 28rpx;line-height: 28rpx;
 
+}
 
+.ts{
 
+	padding: 36rpx 24rpx;display: flex;
 
+}
 
+.linebox{
 
+	background: #ffffff;
 
+	padding: 0 24rpx;
 
+}
 
+.line{
 
+	border-bottom: 1rpx solid #EEEEEE;
 
+	font-weight: 400;
 
+	color: #333333;font-size: 26rpx;
 
+	padding: 30rpx 0;
 
+}
 
+</style>

+ 167 - 0
pages/index/engineOil.vue
Просмотреть файл 

@@ -0,0 +1,167 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="box">
 
+			<view class="historyLine">
 
+				<image src="http://img.db.66km.cn/carbrandlogo/B - 宝马.png" mode="" class="historylinecarImg"></image>
 
+				<view class="historylinecar">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )（2021-2021）过长换行</view>
 
+			</view>
 
+		</view>
 
+		<view class="cont">
 
+			<view class="topBox">
 
+				<view class="topLine">
 
+					<image src="../../static/img/icon_baoyang.png" mode="" class="toplineImg"></image>
 
+					<view class="topName">保养周期</view>
 
+				</view>
 
+				<view class="topsx"></view>
 
+				<view class="topLine">
 
+					<image src="../../static/img/icon_cheliang.png" mode="" class="toplineImg"></image>
 
+					<view class="topName">车辆配置</view>
 
+				</view>
 
+			</view>
 
+			<view class="jiyouBox">
 
+				<view class="jiyouTop">
 
+					<view class="jiyoutopTitle">机油推荐</view>
 
+					<view class="jyzl">机油加注量：<span style="color: #FF4F00;">6.0L</span> </view>
 
+				</view>
 
+				<view class="jylineBox">
 
+					<view class="jyline" v-for="(item,index) in 6">
 
+						<view class="jyimgBox">
 
+							<image src="http://dmsphoto.66km.com.cn/thFiles/1057BA84-E59D-47B7-9F66-73E3491A443E.jpg" mode="" class="jyimg"></image>
 
+						</view>
 
+						<view class="jyName">
 
+							<span class="best">最佳</span>
 
+							<span class="jyNametxt">安耐驰 全合成机油润滑油 5W-40 SM级 4L 汽车全合成机油润滑油 </span>
 
+						</view>
 
+					</view>
 
+				</view>
 
+			</view>
 
+
 
+
 
+		</view>
 
+
 
+
 
+
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+
 
+		},
 
+		data() {
 
+			return {
 
+
 
+			}
 
+		},
 
+		onLoad(opt) {
 
+
 
+		},
 
+		methods: {
 
+
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.content {
 
+		min-height: 100vh;
 
+		background: #F4F5F7;
 
+	}
 
+
 
+	.box {
 
+		padding: 0 24rpx;
 
+		background: #ffffff;
 
+	}
 
+
 
+	.historylinecarImg {
 
+		width: 46rpx;
 
+		height: 46rpx;
 
+	}
 
+
 
+	.historylinecar {
 
+		font-weight: 400;
 
+		font-size: 26rpx;
 
+		color: #1A1A1A;
 
+		line-height: 37rpx;
 
+		width: 636rpx;
 
+	}
 
+
 
+	.historyLine {
 
+		display: flex;
 
+		justify-content: space-between;
 
+		padding: 30rpx 0;
 
+		border-top: 1rpx solid #EEEEEE;
 
+	}
 
+
 
+	.cont {
 
+		padding: 30rpx 24rpx;
 
+	}
 
+	.toplineImg{
 
+		width: 35rpx;
 
+		height: 34rpx;
 
+	}
 
+	.topName{
 
+		line-height: 34rpx;font-weight: 400;
 
+color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 
+	}
 
+	.topBox{
 
+		width: 702rpx;
 
+		height: 98rpx;
 
+		background: #FFFFFF linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+		border-radius: 16rpx;
 
+		display: flex;justify-content: space-around;
 
+	}
 
+	.topsx{
 
+		width: 2rpx;background: #ffffff;
 
+		height: 54rpx;margin-top: 22rpx;
 
+	}
 
+	.topLine{
 
+		display: flex;padding-top: 32rpx;
 
+	}
 
+	.jiyouTop{
 
+		display: flex;justify-content: space-between;
 
+	}
 
+	.jiyouBox{
 
+		margin-top: 30rpx;border-radius: 16rpx;
 
+		background: #ffffff;padding: 30rpx;
 
+	}
 
+	.jiyoutopTitle{
 
+		font-weight: 500;font-size: 28rpx;
 
+		color: #1A1A1A;
 
+		line-height: 40rpx;
 
+	}
 
+	.jyzl{
 
+		font-weight: 400;line-height: 40rpx;
 
+		color: #666666;font-size: 24rpx;
 
+	}
 
+	.jyimg{
 
+		width: 302rpx;
 
+		height: 302rpx;
 
+		border-radius: 10rpx;
 
+	}
 
+	.jyline{
 
+		width: 302rpx;padding-top: 30rpx;
 
+	}
 
+	.jyName{
 
+		font-weight: 400;font-size: 22rpx;
 
+		color: #1A1A1A;
 
+		line-height:36rpx ;
 
+		overflow: hidden; 
+		text-overflow: ellipsis; 
+		display: -webkit-box; 
+		-webkit-box-orient: vertical; 
+		-webkit-line-clamp: 2;
 
+		padding-top: 10rpx;
 
+	}
 
+	.best{
 
+		color: #FF4F00;border-radius: 6rpx;
 
+		padding: 0 8rpx;border: 1px solid #FF4F00;
 
+	}
 
+	.jylineBox{
 
+		display: flex;justify-content: space-between;flex-wrap: wrap;
 
+	}
 
+	.jyNametxt{
 
+		
+	}
 
+</style>

+ 237 - 0
pages/index/gearboxOil.vue
Просмотреть файл 

@@ -0,0 +1,237 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="box">
 
+			<view class="historyLine">
 
+				<image src="http://img.db.66km.cn/carbrandlogo/B - 宝马.png" mode="" class="historylinecarImg"></image>
 
+				<view class="historylinecar">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )（2021-2021）过长换行</view>
 
+			</view>
 
+		</view>
 
+		<view class="cont">
 
+			<view class="jiyouBox">
 
+				<view class="jiyouTop">
 
+					<view class="jiyoutopTitle">变速箱油</view>
 
+					
+				</view>
 
+				<view class="jylineBox">
 
+					<view class="jyline" v-for="(item,index) in 2">
 
+						<view class="jyimgBox">
 
+							<image src="http://dmsphoto.66km.com.cn/thFiles/1057BA84-E59D-47B7-9F66-73E3491A443E.jpg" mode="" class="jyimg"></image>
 
+						</view>
 
+						<view class="jyName">
 
+							<span class="best">最佳</span>
 
+							<span class="jyNametxt">安耐驰 全合成机油润滑油 5W-40 SM级 4L 汽车全合成机油润滑油 </span>
 
+						</view>
 
+					</view>
 
+				</view>
 
+			</view>
 
+			<!-- 养护信息 -->
 
+            <view class="jiyouBox">
 
+				<view class="jiyouTop">
 
+					<view class="jiyoutopTitle">养护信息</view>
 
+				</view>
 
+				<view class="yhxxline">
 
+					<view class="yhxxlineLeft">型号/厂家</view>
 
+					<view class="yhxxlineRight">HU898777/DF89090/980889</view>
 
+				</view>
 
+				<view class="yhxxline">
 
+					<view class="yhxxlineLeft">原厂加注量</view>
 
+					<view class="yhxxlineRight">5</view>
 
+				</view>
 
+				<view class="yhxxline">
 
+					<view class="yhxxlineLeft">换油量(L)</view>
 
+					<view class="yhxxlineRight">重力:5  机器:12</view>
 
+				</view>
 
+				<view class="yhxxline">
 
+					<view class="yhxxlineLeft">换油接头</view>
 
+					<view class="yhxxlineRight">A24</view>
 
+				</view>
 
+				<view class="yhxxline">
 
+					<view class="yhxxlineLeft">养护指导</view>
 
+					<view class="yhxxlineRight">养护指导这是养护指导信息这是养护指导信息这是养护指导信息这是</view>
 
+				</view>
 
+				
+				<view class="yhxxImgBox">
 
+					<view class="yhxxImglineBox">
 
+						<view class="yhxxImgBorder">
 
+							<image src="http://dmsphoto.66km.com.cn/thFiles/B366C258-AE13-41F3-86A8-B0CEDD1654C0.jpg" mode="" class="yhxxImg"></image>
 
+						    <view class="yhxxCkdt">
 
+								<image src="../../static/img/icon_pic.png" mode="" class="iconpic"></image>
 
+								<view class="yhxxCkdtNum">1</view>
 
+							</view>
 
+						</view>
 
+						<view class="yhxximgName">接头位置</view>
 
+					</view>
 
+				</view>
 
+				
+			</view>
 
+
 
+		</view>
 
+
 
+
 
+
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+
 
+		},
 
+		data() {
 
+			return {
 
+
 
+			}
 
+		},
 
+		onLoad(opt) {
 
+
 
+		},
 
+		methods: {
 
+
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.content {
 
+		min-height: 100vh;
 
+		background: #F4F5F7;
 
+	}
 
+
 
+	.box {
 
+		padding: 0 24rpx;
 
+		background: #ffffff;
 
+	}
 
+
 
+	.historylinecarImg {
 
+		width: 46rpx;
 
+		height: 46rpx;
 
+	}
 
+
 
+	.historylinecar {
 
+		font-weight: 400;
 
+		font-size: 26rpx;
 
+		color: #1A1A1A;
 
+		line-height: 37rpx;
 
+		width: 636rpx;
 
+	}
 
+
 
+	.historyLine {
 
+		display: flex;
 
+		justify-content: space-between;
 
+		padding: 30rpx 0;
 
+		border-top: 1rpx solid #EEEEEE;
 
+	}
 
+
 
+	.cont {
 
+		padding:0 24rpx 30rpx 24rpx;
 
+	}
 
+	.toplineImg{
 
+		width: 35rpx;
 
+		height: 34rpx;
 
+	}
 
+	.topName{
 
+		line-height: 34rpx;font-weight: 400;
 
+color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 
+	}
 
+	.topBox{
 
+		width: 702rpx;
 
+		height: 98rpx;
 
+		background: #FFFFFF linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+		border-radius: 16rpx;
 
+		display: flex;justify-content: space-around;
 
+	}
 
+	.topsx{
 
+		width: 2rpx;background: #ffffff;
 
+		height: 54rpx;margin-top: 22rpx;
 
+	}
 
+	.topLine{
 
+		display: flex;padding-top: 32rpx;
 
+	}
 
+	.jiyouTop{
 
+		display: flex;justify-content: space-between;
 
+	}
 
+	.jiyouBox{
 
+		margin-top: 30rpx;border-radius: 16rpx;
 
+		background: #ffffff;padding: 30rpx;
 
+	}
 
+	.jiyoutopTitle{
 
+		font-weight: 500;font-size: 28rpx;
 
+		color: #1A1A1A;
 
+		line-height: 40rpx;
 
+	}
 
+	.jyzl{
 
+		font-weight: 400;line-height: 40rpx;
 
+		color: #666666;font-size: 24rpx;
 
+	}
 
+	.jyimg{
 
+		width: 302rpx;
 
+		height: 302rpx;
 
+		border-radius: 10rpx;
 
+	}
 
+	.jyline{
 
+		width: 302rpx;padding-top: 30rpx;
 
+	}
 
+	.jyName{
 
+		font-weight: 400;font-size: 22rpx;
 
+		color: #1A1A1A;
 
+		line-height:36rpx ;
 
+		overflow: hidden; 
+		text-overflow: ellipsis; 
+		display: -webkit-box; 
+		-webkit-box-orient: vertical; 
+		-webkit-line-clamp: 2;
 
+		padding-top: 10rpx;
 
+	}
 
+	.best{
 
+		color: #FF4F00;border-radius: 6rpx;
 
+		padding: 0 8rpx;border: 1px solid #FF4F00;
 
+	}
 
+	.jylineBox{
 
+		display: flex;justify-content: space-between;flex-wrap: wrap;
 
+	}
 
+	.yhxxline{
 
+		 display: flex;font-size: 26rpx;line-height: 36rpx;padding: 20rpx 0;
 
+	}
 
+	.yhxxlineLeft{
 
+		color: #999999;width: 174rpx;
 
+	}
 
+	.yhxxlineRight{
 
+		color: #3C3C3C;width: 458rpx;
 
+	}
 
+	.yhxxImg{
 
+		width: 138rpx;
 
+		height: 138rpx;
 
+	}
 
+	.yhxxImgBorder{
 
+		width: 138rpx;
 
+		height: 138rpx;
 
+		border-radius: 7rpx;
 
+		border: 1rpx solid #EEEEEE;
 
+		overflow: hidden;
 
+		position: relative;
 
+	}
 
+	.yhxximgName{
 
+		width: 138rpx;font-weight: 400;
 
+color: #3C3C3C;font-size: 24rpx;
 
+line-height: 34rpx;padding-top: 16rpx;
 
+	}
 
+	.iconpic{
 
+		width: 18rpx;
 
+		height: 15rpx;
 
+		
+	}
 
+	.yhxxCkdt{
 
+		width: 62rpx;
 
+		height: 30rpx;
 
+		border-radius: 15rpx;
 
+		background: rgba(0, 0, 0, 0.6);
 
+		position: absolute;
 
+		bottom: 10rpx;right: 10rpx;
 
+		display: flex;
 
+		justify-content: center;
 
+		align-items: center;
 
+	}
 
+	.yhxxCkdtNum{
 
+		color: #ffffff;font-weight: 500;font-size: 20rpx;padding-left: 5rpx;    padding-bottom: 6rpx;
 
+	}
 
+</style>

+ 68 - 0
pages/index/goodsDetail.vue
Просмотреть файл 

@@ -0,0 +1,68 @@
 
+<template>
 
+	<view class="content">
 
+	  <view class="uni-margin-wrap">
 
+			<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="3000"
 
+				:duration="duration">
 
+				<swiper-item>
 
+					<view class="swiper-item">
 
+						<image src="http://dmsphoto.66km.com.cn/thFiles/09DDEDF1-A34F-491F-A7F0-B51F64B8CEE9.jpg" mode="aspectFit" class="swiper-itemImg"></image>
 
+					</view>
 
+				</swiper-item>
 
+				<swiper-item>
 
+					<view class="swiper-item">
 
+						<image src="http://dmsphoto.66km.com.cn/thFiles/E437A2DB-BB54-46AB-B8BA-EC44C84FE808.jpg" mode="aspectFit" class="swiper-itemImg"></image>
 
+					</view>
 
+				</swiper-item>
 
+				<swiper-item>
 
+					<view class="swiper-item">
 
+						<image src="http://dmsphoto.66km.com.cn/thFiles/A9157023-4939-48B7-BB49-D9D8113EF953.jpg" mode="aspectFit" class="swiper-itemImg"></image>
 
+					</view>
 
+				</swiper-item>
 
+			</swiper>
 
+	  	</view>
 
+		<view style="height: 30rpx;background: #F4F5F7;"></view>
 
+		<view class="detail">
 
+			<view class="datailTitle">商品详情</view>
 
+		</view>
 
+	  
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+			
+		},
 
+		data() {
 
+			return {
 
+				
+			}
 
+		},
 
+		onLoad(opt) {
 
+         
+		},
 
+		methods: {
 
+           
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.swiper-itemImg{
 
+	width: 750rpx;
 
+	height: 750rpx;
 
+}
 
+.uni-margin-wrap{
 
+	height: 750rpx;
 
+}
 
+.swiper{
 
+	height: 750rpx;
 
+}
 
+.datailTitle{
 
+	font-weight: 500;
 
+	color: #1A1A1A;
 
+	line-height: 40rpx;
 
+	padding: 32rpx 24rpx;
 
+	font-size: 28rpx;
 
+}
 
+</style>

+ 48 - 0
pages/index/history.vue
Просмотреть файл 

@@ -0,0 +1,48 @@
 
+<template>
 
+	<view class="content">
 
+	  <view class="box">
 
+		  <view class="historyLine" v-for="(item,index) in 3">
 
+		  	<image src="http://img.db.66km.cn/carbrandlogo/B - 宝马.png" mode="" class="historylinecarImg"></image>
 
+		  	<view class="historylinecar">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )（2021-2021）过长换行</view>
 
+		  </view>
 
+	  </view>
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+			
+		},
 
+		data() {
 
+			return {
 
+				
+			}
 
+		},
 
+		onLoad(opt) {
 
+         
+		},
 
+		methods: {
 
+           
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.box{
 
+	padding: 0 24rpx;
 
+}
 
+.historylinecarImg{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.historylinecar{
 
+	font-weight: 400;font-size: 26rpx;
 
+	color: #1A1A1A;
 
+	line-height: 37rpx;width: 636rpx;
 
+}
 
+.historyLine{
 
+	display: flex;justify-content: space-between;
 
+	padding: 30rpx 0;border-top: 1rpx solid #EEEEEE;
 
+}
 
+</style>

+ 258 - 0
pages/index/index.vue
Просмотреть файл 

@@ -0,0 +1,258 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="top">
 
+			<view class="searchBox">
 
+				<view class="searchInputBox" @click="goSearch">
 
+					<image src="../../static/img/icon_search.png" mode="" class="simg"></image>
 
+					<input type="text" placeholder="请输入车型品牌或车系名称" placeholder-class="ip" class="ssinput">
 
+				</view>
 
+				<view class="st" @click="stBtn">
 
+				   <image src="../../static/img/icon_shitu.png" mode="" class="stimg"></image>
 
+				   <view class="shitu">识图</view>
 
+				</view>
 
+				
+			</view>
 
+		</view>
 
+		
+		<!-- 历史查询 -->
 
+		<view class="historybox ">
 
+			<view class="history">
 
+				<view class="historyTop" @click="gohistory">
 
+					<view class="historyTitle">历史查询</view>
 
+					<image src="../../static/img/icon_arrow.png" mode="" class="jiantouimg"></image>
 
+				</view>
 
+				<view class="historyLine" v-for="(item,index) in 3">
 
+					<image src="http://img.db.66km.cn/carbrandlogo/B - 宝马.png" mode="" class="historylinecarImg"></image>
 
+					<view class="historylinecar">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )（2021-2021）过长换行</view>
 
+				</view>
 
+			</view>
 
+		</view>
 
+		<carModel ref="carModelView" ></carModel>
 
+		
+		<!-- 选择车型 -->
 
+		<view class="ckcarBox" v-if="ckCarShow">
 
+			<view class="ckcar">
 
+				<view class="ckcarTop flex">
 
+					<view class="ckcarTitle">请选择车型</view>
 
+					<image src="../../static/img/icon_quxiao.png" mode="" class="ckcarClose" @click="ckcarClose"></image>
 
+				</view>
 
+				<view class="ckcarlineBox"  v-for="(item,index) in moreVinList">
 
+					<view class="ckcarline flex">
 
+						<view class="ckcarLeft">{{item.title}}</view>
 
+						<image src="../../static/img/icon_arrow.png" mode="" class="ckcarJtimg"></image>
 
+					</view>
 
+				</view>
 
+			</view>
 
+		</view>
 
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	import carModel from './carModel.vue'
 
+	export default {
 
+		components: {
 
+			carModel, //注册子组件
 
+			
+		},
 
+		data() {
 
+			return {
 
+				fileURl: '',
 
+				ckCarShow:false,
 
+				vinNum:'',
 
+				moreVinList:[],
 
+			}
 
+		},
 
+		onLoad() {
 
+           var that=this;
 
+           setTimeout(function(){
 
+           			  that.$refs.carModelView.getdata();
 
+           },500)
 
+		},
 
+		methods: {
 
+             gohistory(){
 
+				 uni.navigateTo({
 
+				 	url:'/pages/index/history'
 
+				 })
 
+			 },
 
+			 goSearch(){
 
+				 uni.navigateTo({
 
+				 	url:'/pages/index/search'
 
+				 })
 
+			 },
 
+			 stBtn(){
 
+				 var that = this;
 
+				 uni.showLoading({ title: '加载中'});
 
+				 uni.chooseImage({
 
+				 	sourceType: ['album','camera'],
 
+				 	count:1, 
+				 	success: (chooseImageRes) => {
 
+				 		console.log(chooseImageRes)
 
+				 		const tempFilePaths = chooseImageRes.tempFilePaths;
 
+				 		this.fileURl=tempFilePaths[0]
 
+				 		
+				 		 uni.uploadFile({
 
+				 	            url: that.$baseURL+'scanner?action=/vinByOpenApi/scanner', //仅为示例，非真实的接口地址
 
+				 	            filePath: tempFilePaths[0],
 
+				 	            name: 'photo',
 
+				 	           /* formData: {
 
+				 	                'user': 'test'
 
+				 	            }, */
 
+				 	            success: (uploadFileRes) => {
 
+				 					var data=JSON.parse(uploadFileRes.data);
 
+				 					uni.hideLoading();
 
+				 					if(data.code!=1){
 
+				 						console.log(data.data)
 
+				 						that.vinNum=data.data;
 
+										that.queryCarModelGroupByVinAggregation()
 
+				 					}else{
 
+				 						uni.showToast({
 
+				 						    title: data.msg,
 
+				 						    duration: 3000,
 
+				 							icon:'none',
 
+				 						});
 
+				 					}
 
+				 					
+				 	                //console.log(JSON.parse(uploadFileRes.data).data );
 
+				 					
+				 	            }
 
+				 	        }); 
+				 
+				 		
+				 	}
 
+				 });
 
+			 },
 
+			 queryCarModelGroupByVinAggregation(){
 
+				 this.$http('matchingByOpen/queryCarModelGroupByVinAggregation', {
 
+				 	vin: this.vinNum,type:2
 
+				 }, 'POST').then(res => {
 
+					if(res.code!=1){
 
+						this.moreVinList=res.data;
 
+						this.ckCarShow=true;
 
+						
+					}
 
+				 	 else {
 
+				 	
+						 uni.showToast({
 
+							 title: res.msg,
 
+							 duration: 3000,
 
+							 icon:'none',
 
+						 });
 
+				 	}
 
+				 	
+				 })
 
+			 },
 
+			 ckcarClose(){
 
+				 this.ckCarShow=false;
 
+			 }
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.ckcarJtimg{
 
+	width: 26rpx;height: 26rpx;margin-top: 4rpx;
 
+}
 
+.ckcarlineBox{
 
+  padding:24rpx ;	
+  border-bottom: 1px solid #EEEEEE;
 
+}
 
+.ckcarLeft{
 
+	font-weight: 400;line-height: 36rpx;
 
+	color: #1A1A1A;font-size: 26rpx;
 
+}
 
+.ckcarBox{
 
+	width: 100vw;height: 100vh;
 
+	background:rgba(0, 0, 0, 0.4) ;
 
+	position: fixed;top: 0;left: 0;
 
+}
 
+.ckcar{
 
+	width: 750rpx;
 
+	height: 772rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 24rpx 24rpx 0rpx 0rpx;
 
+	position: absolute;
 
+	left: 0;
 
+	bottom: 0;
 
+}
 
+.ckcarClose{
 
+	width: 30rpx;height: 30rpx;
 
+}
 
+.ckcarTitle{
 
+	font-weight: 500;font-size: 28rpx;
 
+	color: #1A1A1A;
 
+	line-height: 40rpx;
 
+}
 
+.ckcarTop{
 
+	padding: 40rpx 26rpx 20rpx 24rpx;
 
+}
 
+.content{
 
+	min-height: 100vh;background: #F4F5F7;
 
+}
 
+.top{
 
+	width: 100%;height: 230rpx;
 
+	background: url('http://dmsphoto.66km.com.cn/thFiles/DE1573A0-1C08-4243-8313-C0BA094406D0.png') no-repeat;
 
+	background-size: 100% 100%;
 
+}
 
+.searchInputBox{
 
+	width: 634rpx;display: flex;
 
+	height: 80rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 16rpx;
 
+}
 
+.simg{
 
+	width: 34rpx;height: 34rpx;margin-top: 23rpx;margin-left:30rpx;
 
+}
 
+.stimg{
 
+	width: 44rpx;height: 44rpx;
 
+}
 
+.searchBox{
 
+	display: flex;padding: 30rpx 24rpx;
 
+	justify-content: space-between;
 
+}
 
+.ssinput{
 
+	font-size: 28rpx;font-weight: 400;padding-left: 24rpx;line-height: 80rpx;height: 80rpx;
 
+}
 
+.ip{
 
+	color: #999999;
 
+}
 
+.shitu{
 
+	font-weight: 400;
 
+	color: #FFFFFF;font-size: 22rpx;
 
+}
 
+.st{
 
+	text-align: center;
 
+}
 
+.historybox{
 
+	padding: 0 24rpx;    margin-top: -80rpx;
 
+}
 
+.history{
 
+	background: #FFFFFF;
 
+	border-radius: 16rpx;
 
+	padding: 30rpx;padding-bottom: 0;
 
+}
 
+.jiantouimg{
 
+	width: 26rpx;height: 26rpx;margin-top: 7rpx;
 
+}
 
+.historyTop{
 
+	display: flex;justify-content: space-between;
 
+	padding-bottom: 30rpx;
 
+}
 
+.historyTitle{
 
+	font-weight: 500;font-size: 28rpx;
 
+	color: #1A1A1A;line-height: 40rpx;
 
+}
 
+.historylinecarImg{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.historylinecar{
 
+	font-weight: 400;font-size: 26rpx;
 
+	color: #1A1A1A;
 
+	line-height: 37rpx;width: 576rpx;
 
+}
 
+.historyLine{
 
+	display: flex;justify-content: space-between;
 
+	padding: 30rpx 0;border-top: 1rpx solid #EEEEEE;
 
+}
 
+</style>

+ 288 - 0
pages/index/search.vue
Просмотреть файл 

@@ -0,0 +1,288 @@
 
+<template>
 
+	<view class="content">
 
+	  <view class="sTopBox">
 
+		  <view class="searchInputBox" >
 
+		  	<image src="../../static/img/icon_search.png" mode="" class="simg"></image>
 
+		  	<input v-model="value" type="text"  placeholder="请输入车型品牌,车系名称或VIN码" 
+			placeholder-class="ip" class="ssinput" @confirm="searchFn">
 
+		  </view>
 
+		  <view class="searchBtn" @click="searchFn">
 
+		  	搜索
 
+		  </view>
 
+	  </view>
 
+		
+	  <view class="box">
 
+		  <view class="historyLine" v-for="(item,index) in carMlist">
 
+		  <!-- 	<image src="http://img.db.66km.cn/carbrandlogo/B - 宝马.png" mode="" class="historylinecarImg"></image> -->
 
+		  	<view class="historylinecar" @click="carMbtn(item)">{{item.title}}</view>
 
+		  </view>
 
+	  </view>
 
+	  
+	  <!-- 选择车型 -->
 
+	  <view class="ckcarBox" v-if="ckCarShow">
 
+	  	<view class="ckcar">
 
+	  		<view class="ckcarTop flex">
 
+	  			<view class="ckcarTitle">请选择车型</view>
 
+	  			<image src="../../static/img/icon_quxiao.png" mode="" class="ckcarClose" @click="ckcarClose"></image>
 
+	  		</view>
 
+	  		<view class="ckcarlineBox">
 
+	  			<view class="ckcarline flex" v-for="(item,index) in vinList">
 
+	  				<view class="ckcarLeft">{{item.title}}</view>
 
+	  				<image src="../../static/img/icon_arrow.png" mode="" class="ckcarJtimg"></image>
 
+	  			</view>
 
+	  		</view>
 
+	  	</view>
 
+	  </view>
 
+	  
+	  <view class="popupone"  @click="popupc" v-if="popuponeShow">
 
+	  	<view class="popup-content" @click.stop="">
 
+			<view style="padding: 24rpx 0;">
 
+				<view class="manufactorP">{{manufactor}}</view>
 
+			</view>
 
+	  		
+	  		<scroll-view class="brandList" scroll-y="true">
 
+	  			<view class="pLine" v-for="(item,index) in popuponeList" @click="popuponeBtn(item)">{{item.title}}</view>
 
+	  		</scroll-view>
 
+	  		
+	  	</view>
 
+	  </view>
 
+	  <view class="popupone popupTwo" @click="popupcTwo" v-if="popupTwoShow">
 
+	  	<view class="popup-content" @click.stop="">
 
+	  		<view style="">
 
+	  			<!-- <view class="manufactorP">{{displacement}}</view> -->
 
+				<view class="manufactorPTow"> <span>{{displacement}}</span>  
+				  <span @click="poneHide">上一步</span>
 
+				</view>
 
+	  		</view>
 
+	  		
+	  		<scroll-view class="brandList" scroll-y="true">
 
+	  			<view class="pLine" v-for="(item,index) in displacementList" @click="">{{item.displacement}}</view>
 
+	  		</scroll-view>
 
+	  		
+	  	</view>
 
+	  </view>
 
+	  
+	  
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		components: {
 
+			
+		},
 
+		data() {
 
+			return {
 
+				value:'',
 
+				ckCarShow:false,
 
+				vinList:[],
 
+				carMlist:[],
 
+				carMshow:false,
 
+				popuponeShow:false,
 
+				popuponeList:[],
 
+				manufactor:'',
 
+				displacementList:'',
 
+				type:'',
 
+				popupTwoShow:false,
 
+				displacement:'',
 
+				brand:'',
 
+				carSeries:'',
 
+			}
 
+		},
 
+		onLoad(opt) {
 
+         
+		},
 
+		methods: {
 
+		   carMbtn(e){
 
+			   this.type=e.type;
 
+			   if(e.type==1){
 
+				   this.manufactor=e.manufactor;
 
+				   this.getpopuponeList()
 
+			   }else{
 
+				   this.brand=e.brand
 
+				   this.carSeries=e.carSeries
 
+				   this.manufactor=e.manufactor
 
+				   this.getpopuponeList()
 
+			   }
 
+		   },
 
+		   popuponeBtn(item){
 
+			   console.log(item.displacementList)
 
+			   this.displacementList=item.displacementList;
 
+			   this.displacement=item.title;
 
+			   this.popupTwoShow=true;
 
+		   },
 
+		   poneHide(){
 
+			   this.popupTwoShow=false;
 
+		   },
 
+		   popupcTwo(){
 
+			   this.popupTwoShow=false;
 
+		   },
 
+		   getpopuponeList(){
 
+			   uni.showLoading({ title: '加载中'});
 
+			   if(this.type==1){
 
+				  var params={
 
+				  		manufactor: this.manufactor,type:this.type
 
+				  } 
+			   }else{
 
+				 var params={
 
+				 		manufactor: this.manufactor,type:this.type,carSeries:this.carSeries,brand:this.brand
 
+				 }   
+			   }
 
+			   
+			   this.$http('matchingByOpen/queryCarModelGroupIiPackageSecond', params,'POST').then(res => {
 
+			     	uni.hideLoading();
 
+			        this.popuponeList=res.data;
 
+			   		this.popuponeShow=true;
 
+			   })
 
+		   },
 
+		   popupc(){
 
+			   this.popuponeShow=false;
 
+		   },
 
+           searchFn(){
 
+			   console.log(this.value.length)
 
+			   if(this.value.length==17){
 
+				   uni.showLoading({ title: '加载中'});
 
+				   this.$http('matchingByOpen/queryCarModelGroupByVinAggregation', {
 
+				     vin: this.value,type:2
 
+				    },'POST').then(res => {
 
+				     	uni.hideLoading();
 
+				        this.vinList=res.data;
 
+				   		this.ckCarShow=true;
 
+						this.carMshow=false;
 
+				   })
 
+			   }else{
 
+				   uni.showLoading({ title: '加载中'});
 
+				   this.$http('matchingByOpen/queryCarModelGroupIiPackage', {
 
+				     name: this.value,
 
+				    },'POST').then(res => {
 
+				     	uni.hideLoading();
 
+				        this.carMlist=res.data;
 
+				   		this.carMshow=true;
 
+						this.ckCarShow=false;
 
+				   })
 
+			   }
 
+			   
+			   
+		   },
 
+		   ckcarClose(){
 
+			   this.ckCarShow=false;
 
+		   }
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.manufactorP{
 
+		line-height: 69rpx;padding-left: 24rpx;
 
+		 width: 504rpx;margin-left: 30rpx;
 
+		 height: 69rpx;
 
+		 background: #FF4F00 linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+		 border-radius: 16rpx;
 
+		 font-weight: 500;
 
+		 color: #FFFFFF;font-size: 28rpx;
 
+	}
 
+	.manufactorPTow{
 
+		line-height: 69rpx;padding-left: 24rpx;
 
+		padding-right: 24rpx;display: flex;
 
+		justify-content: space-between;
 
+		background: #FF4F00 linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+		font-weight: 500;
 
+		color: #FFFFFF;font-size: 28rpx;
 
+	}
 
+	.brandList{
 
+		height: calc(100vh - 200rpx);
 
+		/* padding-bottom:var(--status-bar-height); */
 
+	}
 
+	.pLine{
 
+		border-bottom: 1rpx solid #EEEEEE;
 
+		font-weight: 400;
 
+		color: #333333;font-size: 26rpx;
 
+		padding: 30rpx 24rpx;
 
+	}
 
+	.popupone{
 
+		width: 100vw;height: 100vh;
 
+		background:rgba(0, 0, 0, 0.4) ;
 
+		position: fixed;top: 0;left: 0;
 
+		z-index: 11;
 
+	}
 
+	.popupTwo{
 
+		z-index: 111;
 
+	}
 
+	.popup-content{
 
+		width: 80vw;
 
+		background: #FFFFFF;
 
+		height: 100vh;
 
+		margin-left: 20vw;
 
+	}
 
+	.ckcarJtimg{
 
+		width: 26rpx;height: 26rpx;margin-top: 4rpx;
 
+	}
 
+	.ckcarlineBox{
 
+	  padding:24rpx ;	
+	  border-bottom: 1px solid #EEEEEE;
 
+	}
 
+	.ckcarLeft{
 
+		font-weight: 400;line-height: 36rpx;
 
+		color: #1A1A1A;font-size: 26rpx;
 
+	}
 
+	.ckcarBox{
 
+		width: 100vw;height: 100vh;
 
+		background:rgba(0, 0, 0, 0.4) ;
 
+		position: fixed;top: 0;left: 0;
 
+	}
 
+	.ckcar{
 
+		width: 750rpx;
 
+		height: 772rpx;
 
+		background: #FFFFFF;
 
+		border-radius: 24rpx 24rpx 0rpx 0rpx;
 
+		position: absolute;
 
+		left: 0;
 
+		bottom: 0;
 
+	}
 
+	.ckcarClose{
 
+		width: 30rpx;height: 30rpx;
 
+	}
 
+	.ckcarTitle{
 
+		font-weight: 500;font-size: 28rpx;
 
+		color: #1A1A1A;
 
+		line-height: 40rpx;
 
+	}
 
+	.ckcarTop{
 
+		padding: 40rpx 26rpx 20rpx 24rpx;
 
+	}
 
+.box{
 
+	padding: 0 24rpx;
 
+}
 
+.sTopBox{
 
+	display: flex;padding: 30rpx 24rpx;
 
+}
 
+.searchBtn{
 
+	font-weight: 400;font-size: 28rpx;padding-left: 24rpx;
 
+	color: #1A1A1A;line-height: 80rpx;
 
+}
 
+.searchInputBox{
 
+	width: 622rpx;display: flex;
 
+	height: 80rpx;
 
+	background: #F9F9F9;
 
+	border-radius: 16rpx;
 
+}
 
+.ssinput{
 
+	font-size: 28rpx;font-weight: 400;padding-left: 24rpx;line-height: 80rpx;height: 80rpx;
 
+}
 
+.simg{
 
+	width: 34rpx;height: 34rpx;margin-top: 23rpx;margin-left:30rpx;
 
+}
 
+.historylinecarImg{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.historylinecar{
 
+	font-weight: 400;font-size: 26rpx;
 
+	color: #1A1A1A;
 
+	line-height: 37rpx;width: 636rpx;
 
+}
 
+.historyLine{
 
+	display: flex;justify-content: space-between;
 
+	padding: 30rpx 0;border-bottom: 1rpx solid #EEEEEE;
 
+}
 
+</style>

BIN
static/img/icon_arrow.png
Просмотреть файл


BIN
static/img/icon_baoyang.png
Просмотреть файл


BIN
static/img/icon_biansuxiang.png
Просмотреть файл


BIN
static/img/icon_cheliang.png
Просмотреть файл


BIN
static/img/icon_jiyou.png
Просмотреть файл


BIN
static/img/icon_pic.png
Просмотреть файл


BIN
static/img/icon_quxiao.png
Просмотреть файл


BIN
static/img/icon_search.png
Просмотреть файл


BIN
static/img/icon_shitu.png
Просмотреть файл


BIN
static/img/icon_xuanze.png
Просмотреть файл


+ 10 - 0
uni.promisify.adaptor.js
Просмотреть файл 

@@ -0,0 +1,10 @@
 
+uni.addInterceptor({
 
+  returnValue (res) {
 
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
 
+      return res;
 
+    }
 
+    return new Promise((resolve, reject) => {
 
+      res.then((res) => res[0] ? reject(res[0]) : resolve(res[1]));
 
+    });
 
+  },
 
+});

+ 76 - 0
uni.scss
Просмотреть файл 

@@ -0,0 +1,76 @@
 
+/**
 
+ * 这里是uni-app内置的常用样式变量
 
+ *
 
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 
+ *
 
+ */
 
+
 
+/**
 
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 
+ *
 
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 
+ */
 
+
 
+/* 颜色变量 */
 
+
 
+/* 行为相关颜色 */
 
+$uni-color-primary: #007aff;
 
+$uni-color-success: #4cd964;
 
+$uni-color-warning: #f0ad4e;
 
+$uni-color-error: #dd524d;
 
+
 
+/* 文字基本颜色 */
 
+$uni-text-color:#333;//基本色
 
+$uni-text-color-inverse:#fff;//反色
 
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
 
+$uni-text-color-placeholder: #808080;
 
+$uni-text-color-disable:#c0c0c0;
 
+
 
+/* 背景颜色 */
 
+$uni-bg-color:#ffffff;
 
+$uni-bg-color-grey:#f8f8f8;
 
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
 
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
 
+
 
+/* 边框颜色 */
 
+$uni-border-color:#c8c7cc;
 
+
 
+/* 尺寸变量 */
 
+
 
+/* 文字尺寸 */
 
+$uni-font-size-sm:12px;
 
+$uni-font-size-base:14px;
 
+$uni-font-size-lg:16;
 
+
 
+/* 图片尺寸 */
 
+$uni-img-size-sm:20px;
 
+$uni-img-size-base:26px;
 
+$uni-img-size-lg:40px;
 
+
 
+/* Border Radius */
 
+$uni-border-radius-sm: 2px;
 
+$uni-border-radius-base: 3px;
 
+$uni-border-radius-lg: 6px;
 
+$uni-border-radius-circle: 50%;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-row-sm: 5px;
 
+$uni-spacing-row-base: 10px;
 
+$uni-spacing-row-lg: 15px;
 
+
 
+/* 垂直间距 */
 
+$uni-spacing-col-sm: 4px;
 
+$uni-spacing-col-base: 8px;
 
+$uni-spacing-col-lg: 12px;
 
+
 
+/* 透明度 */
 
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
 
+
 
+/* 文章场景相关 */
 
+$uni-color-title: #2C405A; // 文章标题颜色
 
+$uni-font-size-title:20px;
 
+$uni-color-subtitle: #555555; // 二级标题颜色
 
+$uni-font-size-subtitle:26px;
 
+$uni-color-paragraph: #3F536E; // 文章段落颜色
 
+$uni-font-size-paragraph:15px;

+ 8 - 0
uni_modules/uni-scss/changelog.md
Просмотреть файл 

@@ -0,0 +1,8 @@
 
+## 1.0.3（2022-01-21）
 
+- 优化 组件示例
 
+## 1.0.2（2021-11-22）
 
+- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
 
+## 1.0.1（2021-11-22）
 
+- 修复 vue3中scss语法兼容问题
 
+## 1.0.0（2021-11-18）
 
+- init

+ 1 - 0
uni_modules/uni-scss/index.scss
Просмотреть файл 

@@ -0,0 +1 @@
 
+@import './styles/index.scss';

+ 82 - 0
uni_modules/uni-scss/package.json
Просмотреть файл 

@@ -0,0 +1,82 @@
 
+{
 
+  "id": "uni-scss",
 
+  "displayName": "uni-scss 辅助样式",
 
+  "version": "1.0.3",
 
+  "description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
 
+  "keywords": [
 
+    "uni-scss",
 
+    "uni-ui",
 
+    "辅助样式"
 
+],
 
+  "repository": "https://github.com/dcloudio/uni-ui",
 
+  "engines": {
 
+    "HBuilderX": "^3.1.0"
 
+  },
 
+  "dcloudext": {
 
+    "category": [
 
+        "JS SDK",
 
+        "通用 SDK"
 
+    ],
 
+    "sale": {
 
+      "regular": {
 
+        "price": "0.00"
 
+      },
 
+      "sourcecode": {
 
+        "price": "0.00"
 
+      }
 
+    },
 
+    "contact": {
 
+      "qq": ""
 
+    },
 
+    "declaration": {
 
+      "ads": "无",
 
+      "data": "无",
 
+      "permissions": "无"
 
+    },
 
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
 
+  },
 
+  "uni_modules": {
 
+    "dependencies": [],
 
+    "encrypt": [],
 
+    "platforms": {
 
+      "cloud": {
 
+        "tcb": "y",
 
+        "aliyun": "y"
 
+      },
 
+      "client": {
 
+        "App": {
 
+          "app-vue": "y",
 
+          "app-nvue": "u"
 
+        },
 
+        "H5-mobile": {
 
+          "Safari": "y",
 
+          "Android Browser": "y",
 
+          "微信浏览器(Android)": "y",
 
+          "QQ浏览器(Android)": "y"
 
+        },
 
+        "H5-pc": {
 
+          "Chrome": "y",
 
+          "IE": "y",
 
+          "Edge": "y",
 
+          "Firefox": "y",
 
+          "Safari": "y"
 
+        },
 
+        "小程序": {
 
+          "微信": "y",
 
+          "阿里": "y",
 
+          "百度": "y",
 
+          "字节跳动": "y",
 
+          "QQ": "y"
 
+        },
 
+        "快应用": {
 
+          "华为": "n",
 
+          "联盟": "n"
 
+        },
 
+        "Vue": {
 
+            "vue2": "y",
 
+            "vue3": "y"
 
+        }
 
+      }
 
+    }
 
+  }
 
+}

+ 4 - 0
uni_modules/uni-scss/readme.md
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+`uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
 
+
 
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
 
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839

+ 7 - 0
uni_modules/uni-scss/styles/index.scss
Просмотреть файл 

@@ -0,0 +1,7 @@
 
+@import './setting/_variables.scss';
 
+@import './setting/_border.scss';
 
+@import './setting/_color.scss';
 
+@import './setting/_space.scss';
 
+@import './setting/_radius.scss';
 
+@import './setting/_text.scss';
 
+@import './setting/_styles.scss';

+ 3 - 0
uni_modules/uni-scss/styles/setting/_border.scss
Просмотреть файл 

@@ -0,0 +1,3 @@
 
+.uni-border {
 
+	border: 1px $uni-border-1 solid;
 
+}

+ 66 - 0
uni_modules/uni-scss/styles/setting/_color.scss
Просмотреть файл 

@@ -0,0 +1,66 @@
 
+
 
+// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
 
+// @mixin get-styles($k,$c) {
 
+// 	@if $k == size or $k == weight{
 
+// 		font-#{$k}:#{$c}
 
+// 	}@else{
 
+// 		#{$k}:#{$c}
 
+// 	}
 
+// }
 
+$uni-ui-color:(
 
+	// 主色
 
+	primary: $uni-primary,
 
+	primary-disable: $uni-primary-disable,
 
+	primary-light: $uni-primary-light,
 
+	// 辅助色
 
+	success: $uni-success,
 
+	success-disable: $uni-success-disable,
 
+	success-light: $uni-success-light,
 
+	warning: $uni-warning,
 
+	warning-disable: $uni-warning-disable,
 
+	warning-light: $uni-warning-light,
 
+	error: $uni-error,
 
+	error-disable: $uni-error-disable,
 
+	error-light: $uni-error-light,
 
+	info: $uni-info,
 
+	info-disable: $uni-info-disable,
 
+	info-light: $uni-info-light,
 
+	// 中性色
 
+	main-color: $uni-main-color,
 
+	base-color: $uni-base-color,
 
+	secondary-color: $uni-secondary-color,
 
+	extra-color: $uni-extra-color,
 
+	// 背景色
 
+	bg-color: $uni-bg-color,
 
+	// 边框颜色
 
+	border-1: $uni-border-1,
 
+	border-2: $uni-border-2,
 
+	border-3: $uni-border-3,
 
+	border-4: $uni-border-4,
 
+	// 黑色
 
+	black:$uni-black,
 
+	// 白色
 
+	white:$uni-white,
 
+	// 透明
 
+	transparent:$uni-transparent
 
+) !default;
 
+@each $key, $child in $uni-ui-color {
 
+	.uni-#{"" + $key} {
 
+		color: $child;
 
+	}
 
+	.uni-#{"" + $key}-bg {
 
+		background-color: $child;
 
+	}
 
+}
 
+.uni-shadow-sm {
 
+	box-shadow: $uni-shadow-sm;
 
+}
 
+.uni-shadow-base {
 
+	box-shadow: $uni-shadow-base;
 
+}
 
+.uni-shadow-lg {
 
+	box-shadow: $uni-shadow-lg;
 
+}
 
+.uni-mask {
 
+	background-color:$uni-mask;
 
+}

+ 55 - 0
uni_modules/uni-scss/styles/setting/_radius.scss
Просмотреть файл 

@@ -0,0 +1,55 @@
 
+@mixin radius($r,$d:null ,$important: false){
 
+  $radius-value:map-get($uni-radius, $r) if($important, !important, null);
 
+  // Key exists within the $uni-radius variable
 
+  @if (map-has-key($uni-radius, $r) and  $d){
 
+		@if $d == t {
 
+				border-top-left-radius:$radius-value;
 
+				border-top-right-radius:$radius-value;
 
+		}@else if $d == r {
 
+				border-top-right-radius:$radius-value;
 
+				border-bottom-right-radius:$radius-value;
 
+		}@else if $d == b {
 
+				border-bottom-left-radius:$radius-value;
 
+				border-bottom-right-radius:$radius-value;
 
+		}@else if $d == l {
 
+				border-top-left-radius:$radius-value;
 
+				border-bottom-left-radius:$radius-value;
 
+		}@else if $d == tl {
 
+				border-top-left-radius:$radius-value;
 
+		}@else if $d == tr {
 
+				border-top-right-radius:$radius-value;
 
+		}@else if $d == br {
 
+				border-bottom-right-radius:$radius-value;
 
+		}@else if $d == bl {
 
+				border-bottom-left-radius:$radius-value;
 
+		}
 
+  }@else{
 
+		border-radius:$radius-value;
 
+  }
 
+}
 
+
 
+@each $key, $child in $uni-radius {
 
+	@if($key){
 
+		.uni-radius-#{"" + $key} {
 
+				@include radius($key)
 
+		}
 
+	}@else{
 
+		.uni-radius {
 
+				@include radius($key)
 
+		}
 
+	}
 
+}
 
+
 
+@each $direction in t, r, b, l,tl, tr, br, bl {
 
+	@each $key, $child in $uni-radius {
 
+		@if($key){
 
+			.uni-radius-#{"" + $direction}-#{"" + $key} {
 
+				@include radius($key,$direction,false)
 
+			}
 
+		}@else{
 
+			.uni-radius-#{$direction} {
 
+				@include radius($key,$direction,false)
 
+			}
 
+		}
 
+	}
 
+}

+ 56 - 0
uni_modules/uni-scss/styles/setting/_space.scss
Просмотреть файл 

@@ -0,0 +1,56 @@
 
+
 
+@mixin fn($space,$direction,$size,$n) {
 
+	@if $n {
 
+		#{$space}-#{$direction}: #{$size*$uni-space-root}px
 
+	} @else {
 
+		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px
 
+	}
 
+}
 
+@mixin get-styles($direction,$i,$space,$n){
 
+	@if $direction == t {
 
+		@include fn($space, top,$i,$n);
 
+	} 
+	@if $direction == r {
 
+		@include fn($space, right,$i,$n);
 
+	} 
+	@if $direction == b {
 
+		@include fn($space, bottom,$i,$n);
 
+	} 
+	@if $direction == l {
 
+	 @include fn($space, left,$i,$n);
 
+	} 
+	@if $direction == x {
 
+		@include fn($space, left,$i,$n);
 
+		@include fn($space, right,$i,$n);
 
+	} 
+	@if $direction == y {
 
+		@include fn($space, top,$i,$n);
 
+		@include fn($space, bottom,$i,$n);
 
+	} 
+	@if $direction == a {
 
+		@if $n {
 
+			#{$space}:#{$i*$uni-space-root}px;
 
+		} @else {
 
+			#{$space}:#{-$i*$uni-space-root}px;
 
+		}
 
+	} 
+}
 
+
 
+@each $orientation in m,p {
 
+	$space: margin;
 
+	@if $orientation == m {
 
+		$space: margin;
 
+	} @else {
 
+		$space: padding;
 
+	}
 
+	@for $i from 0 through 16 {
 
+		@each $direction in t, r, b, l, x, y, a {
 
+			.uni-#{$orientation}#{$direction}-#{$i} { 
+				@include  get-styles($direction,$i,$space,true);
 
+			} 
+			.uni-#{$orientation}#{$direction}-n#{$i} { 
+				@include  get-styles($direction,$i,$space,false);
 
+			}
 
+		}
 
+	}
 
+}

+ 167 - 0
uni_modules/uni-scss/styles/setting/_styles.scss
Просмотреть файл 

@@ -0,0 +1,167 @@
 
+/* #ifndef APP-NVUE */
 
+
 
+$-color-white:#fff;
 
+$-color-black:#000;
 
+@mixin base-style($color) {
 
+	color: #fff;
 
+	background-color: $color;
 
+	border-color: mix($-color-black, $color, 8%);
 
+	&:not([hover-class]):active {
 
+		background: mix($-color-black, $color, 10%);
 
+		border-color: mix($-color-black, $color, 20%);
 
+		color: $-color-white;
 
+		outline: none;
 
+	}
 
+}
 
+@mixin is-color($color) {
 
+	@include base-style($color);
 
+	&[loading] {
 
+		@include base-style($color);
 
+		&::before {
 
+			margin-right:5px;
 
+		}
 
+	}
 
+	&[disabled] {
 
+	  &,
 
+		&[loading],
 
+	  &:not([hover-class]):active {
 
+	    color: $-color-white;
 
+			border-color: mix(darken($color,10%), $-color-white);
 
+	    background-color: mix($color, $-color-white);
 
+	  }
 
+	}
 
+
 
+}
 
+@mixin base-plain-style($color) {
 
+	color:$color;
 
+	background-color: mix($-color-white, $color, 90%);
 
+	border-color: mix($-color-white, $color, 70%);
 
+	&:not([hover-class]):active {
 
+	  background: mix($-color-white, $color, 80%);
 
+	  color: $color;
 
+	  outline: none;
 
+		border-color: mix($-color-white, $color, 50%);
 
+	}
 
+}
 
+@mixin is-plain($color){
 
+	&[plain] {
 
+		@include base-plain-style($color);
 
+		&[loading] {
 
+			@include base-plain-style($color);
 
+			&::before {
 
+				margin-right:5px;
 
+			}
 
+		}
 
+		&[disabled] {
 
+		  &,
 
+		  &:active {
 
+		    color: mix($-color-white, $color, 40%);
 
+		    background-color: mix($-color-white, $color, 90%);
 
+				border-color: mix($-color-white, $color, 80%);
 
+		  }
 
+		}
 
+	}
 
+}
 
+
 
+
 
+.uni-btn {
 
+	margin: 5px;
 
+	color: #393939;
 
+	border:1px solid #ccc;
 
+	font-size: 16px;
 
+	font-weight: 200;
 
+	background-color: #F9F9F9;
 
+	// TODO 暂时处理边框隐藏一边的问题
 
+	overflow: visible;
 
+	&::after{
 
+		border: none;
 
+	}
 
+
 
+	&:not([type]),&[type=default] {
 
+		color: #999;
 
+		&[loading] {
 
+			background: none;
 
+			&::before {
 
+				margin-right:5px;
 
+			}
 
+		}
 
+
 
+
 
+
 
+		&[disabled]{
 
+			color: mix($-color-white, #999, 60%);
 
+		  &,
 
+			&[loading],
 
+		  &:active {
 
+				color: mix($-color-white, #999, 60%);
 
+		    background-color: mix($-color-white,$-color-black , 98%);
 
+				border-color: mix($-color-white,  #999, 85%);
 
+		  }
 
+		}
 
+
 
+		&[plain] {
 
+			color: #999;
 
+			background: none;
 
+			border-color: $uni-border-1;
 
+			&:not([hover-class]):active {
 
+				background: none;
 
+			  color: mix($-color-white, $-color-black, 80%);
 
+				border-color: mix($-color-white, $-color-black, 90%);
 
+			  outline: none;
 
+			}
 
+			&[disabled]{
 
+			  &,
 
+				&[loading],
 
+			  &:active {
 
+			    background: none;
 
+					color: mix($-color-white, #999, 60%);
 
+					border-color: mix($-color-white,  #999, 85%);
 
+			  }
 
+			}
 
+		}
 
+	}
 
+
 
+	&:not([hover-class]):active {
 
+	  color: mix($-color-white, $-color-black, 50%);
 
+	}
 
+
 
+	&[size=mini] {
 
+		font-size: 16px;
 
+		font-weight: 200;
 
+		border-radius: 8px;
 
+	}
 
+
 
+
 
+
 
+	&.uni-btn-small {
 
+		font-size: 14px;
 
+	}
 
+	&.uni-btn-mini {
 
+		font-size: 12px;
 
+	}
 
+
 
+	&.uni-btn-radius {
 
+		border-radius: 999px;
 
+	}
 
+	&[type=primary] {
 
+		@include is-color($uni-primary);
 
+		@include is-plain($uni-primary)
 
+	}
 
+	&[type=success] {
 
+		@include is-color($uni-success);
 
+		@include is-plain($uni-success)
 
+	}
 
+	&[type=error] {
 
+		@include is-color($uni-error);
 
+		@include is-plain($uni-error)
 
+	}
 
+	&[type=warning] {
 
+		@include is-color($uni-warning);
 
+		@include is-plain($uni-warning)
 
+	}
 
+	&[type=info] {
 
+		@include is-color($uni-info);
 
+		@include is-plain($uni-info)
 
+	}
 
+}
 
+/* #endif */

+ 24 - 0
uni_modules/uni-scss/styles/setting/_text.scss
Просмотреть файл 

@@ -0,0 +1,24 @@
 
+@mixin get-styles($k,$c) {
 
+	@if $k == size or $k == weight{
 
+		font-#{$k}:#{$c}
 
+	}@else{
 
+		#{$k}:#{$c}
 
+	}
 
+}
 
+
 
+@each $key, $child in $uni-headings {
 
+	/* #ifndef APP-NVUE */
 
+	.uni-#{$key} {
 
+		@each $k, $c in $child {
 
+			@include get-styles($k,$c)
 
+		}
 
+	}
 
+	/* #endif */
 
+	/* #ifdef APP-NVUE */
 
+	.container .uni-#{$key} {
 
+		@each $k, $c in $child {
 
+			@include get-styles($k,$c)
 
+		}
 
+	}
 
+	/* #endif */
 
+}

+ 146 - 0
uni_modules/uni-scss/styles/setting/_variables.scss
Просмотреть файл 

@@ -0,0 +1,146 @@
 
+// @use "sass:math";
 
+@import  '../tools/functions.scss';
 
+// 间距基础倍数
 
+$uni-space-root: 2 !default;
 
+// 边框半径默认值
 
+$uni-radius-root:5px !default;
 
+$uni-radius: () !default;
 
+// 边框半径断点
 
+$uni-radius: map-deep-merge(
 
+  (
 
+    0: 0,
 
+		// TODO 当前版本暂时不支持 sm 属性
 
+    // 'sm': math.div($uni-radius-root, 2),
 
+    null: $uni-radius-root,
 
+    'lg': $uni-radius-root * 2,
 
+    'xl': $uni-radius-root * 6,
 
+    'pill': 9999px,
 
+    'circle': 50%
 
+  ),
 
+  $uni-radius
 
+);
 
+// 字体家族
 
+$body-font-family: 'Roboto', sans-serif !default;
 
+// 文本
 
+$heading-font-family: $body-font-family !default;
 
+$uni-headings: () !default;
 
+$letterSpacing: -0.01562em;
 
+$uni-headings: map-deep-merge(
 
+  (
 
+    'h1': (
 
+      size: 32px,
 
+			weight: 300,
 
+			line-height: 50px,
 
+			// letter-spacing:-0.01562em
 
+    ),
 
+    'h2': (
 
+      size: 28px,
 
+      weight: 300,
 
+      line-height: 40px,
 
+      // letter-spacing: -0.00833em
 
+    ),
 
+    'h3': (
 
+      size: 24px,
 
+      weight: 400,
 
+      line-height: 32px,
 
+      // letter-spacing: normal
 
+    ),
 
+    'h4': (
 
+      size: 20px,
 
+      weight: 400,
 
+      line-height: 30px,
 
+      // letter-spacing: 0.00735em
 
+    ),
 
+    'h5': (
 
+      size: 16px,
 
+      weight: 400,
 
+      line-height: 24px,
 
+      // letter-spacing: normal
 
+    ),
 
+    'h6': (
 
+      size: 14px,
 
+      weight: 500,
 
+      line-height: 18px,
 
+      // letter-spacing: 0.0125em
 
+    ),
 
+    'subtitle': (
 
+      size: 12px,
 
+      weight: 400,
 
+      line-height: 20px,
 
+      // letter-spacing: 0.00937em
 
+    ),
 
+    'body': (
 
+      font-size: 14px,
 
+			font-weight: 400,
 
+			line-height: 22px,
 
+			// letter-spacing: 0.03125em
 
+    ),
 
+    'caption': (
 
+      'size': 12px,
 
+      'weight': 400,
 
+      'line-height': 20px,
 
+      // 'letter-spacing': 0.03333em,
 
+      // 'text-transform': false
 
+    )
 
+  ),
 
+  $uni-headings
 
+);
 
+
 
+
 
+
 
+// 主色
 
+$uni-primary: #2979ff !default;
 
+$uni-primary-disable:lighten($uni-primary,20%) !default;
 
+$uni-primary-light: lighten($uni-primary,25%) !default;
 
+
 
+// 辅助色
 
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
 
+$uni-success: #18bc37 !default;
 
+$uni-success-disable:lighten($uni-success,20%) !default;
 
+$uni-success-light: lighten($uni-success,25%) !default;
 
+
 
+$uni-warning: #f3a73f !default;
 
+$uni-warning-disable:lighten($uni-warning,20%) !default;
 
+$uni-warning-light: lighten($uni-warning,25%) !default;
 
+
 
+$uni-error: #e43d33 !default;
 
+$uni-error-disable:lighten($uni-error,20%) !default;
 
+$uni-error-light: lighten($uni-error,25%) !default;
 
+
 
+$uni-info: #8f939c !default;
 
+$uni-info-disable:lighten($uni-info,20%) !default;
 
+$uni-info-light: lighten($uni-info,25%) !default;
 
+
 
+// 中性色
 
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
 
+$uni-main-color: #3a3a3a !default; 			// 主要文字
 
+$uni-base-color: #6a6a6a !default;			// 常规文字
 
+$uni-secondary-color: #909399 !default;	// 次要文字
 
+$uni-extra-color: #c7c7c7 !default;			// 辅助说明
 
+
 
+// 边框颜色
 
+$uni-border-1: #F0F0F0 !default;
 
+$uni-border-2: #EDEDED !default;
 
+$uni-border-3: #DCDCDC !default;
 
+$uni-border-4: #B9B9B9 !default;
 
+
 
+// 常规色
 
+$uni-black: #000000 !default;
 
+$uni-white: #ffffff !default;
 
+$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
 
+
 
+// 背景色
 
+$uni-bg-color: #f7f7f7 !default;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-sm: 8px !default;
 
+$uni-spacing-base: 15px !default;
 
+$uni-spacing-lg: 30px !default;
 
+
 
+// 阴影
 
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
 
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
 
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
 
+
 
+// 蒙版
 
+$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;

+ 19 - 0
uni_modules/uni-scss/styles/tools/functions.scss
Просмотреть файл 

@@ -0,0 +1,19 @@
 
+// 合并 map
 
+@function map-deep-merge($parent-map, $child-map){
 
+	$result: $parent-map;
 
+	@each $key, $child in $child-map {
 
+		$parent-has-key: map-has-key($result, $key);
 
+		$parent-value: map-get($result, $key);
 
+		$parent-type: type-of($parent-value);
 
+		$child-type: type-of($child);
 
+		$parent-is-map: $parent-type == map;
 
+		$child-is-map: $child-type == map;
 
+			
+		@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
 
+			$result: map-merge($result, ( $key: $child ));
 
+		}@else {
 
+			$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
 
+		}
 
+	}
 
+	@return $result;
 
+};

+ 31 - 0
uni_modules/uni-scss/theme.scss
Просмотреть файл 

@@ -0,0 +1,31 @@
 
+// 间距基础倍数
 
+$uni-space-root: 2;
 
+// 边框半径默认值
 
+$uni-radius-root:5px;
 
+// 主色
 
+$uni-primary: #2979ff;
 
+// 辅助色
 
+$uni-success: #4cd964;
 
+// 警告色
 
+$uni-warning: #f0ad4e;
 
+// 错误色
 
+$uni-error: #dd524d;
 
+// 描述色
 
+$uni-info: #909399;
 
+// 中性色
 
+$uni-main-color: #303133;
 
+$uni-base-color: #606266;
 
+$uni-secondary-color: #909399;
 
+$uni-extra-color: #C0C4CC;
 
+// 背景色
 
+$uni-bg-color: #f5f5f5;
 
+// 边框颜色
 
+$uni-border-1: #DCDFE6;
 
+$uni-border-2: #E4E7ED;
 
+$uni-border-3: #EBEEF5;
 
+$uni-border-4: #F2F6FC;
 
+
 
+// 常规色
 
+$uni-black: #000000;
 
+$uni-white: #ffffff;
 
+$uni-transparent: rgba($color: #000000, $alpha: 0);

+ 62 - 0
uni_modules/uni-scss/variables.scss
Просмотреть файл 

@@ -0,0 +1,62 @@
 
+@import './styles/setting/_variables.scss';
 
+// 间距基础倍数
 
+$uni-space-root: 2;
 
+// 边框半径默认值
 
+$uni-radius-root:5px;
 
+
 
+// 主色
 
+$uni-primary: #2979ff;
 
+$uni-primary-disable:mix(#fff,$uni-primary,50%);
 
+$uni-primary-light: mix(#fff,$uni-primary,80%);
 
+
 
+// 辅助色
 
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
 
+$uni-success: #18bc37;
 
+$uni-success-disable:mix(#fff,$uni-success,50%);
 
+$uni-success-light: mix(#fff,$uni-success,80%);
 
+
 
+$uni-warning: #f3a73f;
 
+$uni-warning-disable:mix(#fff,$uni-warning,50%);
 
+$uni-warning-light: mix(#fff,$uni-warning,80%);
 
+
 
+$uni-error: #e43d33;
 
+$uni-error-disable:mix(#fff,$uni-error,50%);
 
+$uni-error-light: mix(#fff,$uni-error,80%);
 
+
 
+$uni-info: #8f939c;
 
+$uni-info-disable:mix(#fff,$uni-info,50%);
 
+$uni-info-light: mix(#fff,$uni-info,80%);
 
+
 
+// 中性色
 
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
 
+$uni-main-color: #3a3a3a; 			// 主要文字
 
+$uni-base-color: #6a6a6a;			// 常规文字
 
+$uni-secondary-color: #909399;	// 次要文字
 
+$uni-extra-color: #c7c7c7;			// 辅助说明
 
+
 
+// 边框颜色
 
+$uni-border-1: #F0F0F0;
 
+$uni-border-2: #EDEDED;
 
+$uni-border-3: #DCDCDC;
 
+$uni-border-4: #B9B9B9;
 
+
 
+// 常规色
 
+$uni-black: #000000;
 
+$uni-white: #ffffff;
 
+$uni-transparent: rgba($color: #000000, $alpha: 0);
 
+
 
+// 背景色
 
+$uni-bg-color: #f7f7f7;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-sm: 8px;
 
+$uni-spacing-base: 15px;
 
+$uni-spacing-lg: 30px;
 
+
 
+// 阴影
 
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
 
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
 
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
 
+
 
+// 蒙版
 
+$uni-mask: rgba($color: #000000, $alpha: 0.4);

+ 0 - 0
unpackage/dist/dev/.automator/mp-weixin/.automator.json
Просмотреть файл


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/common/runtime.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/byItem.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/carConfiguration.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/carGroup.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/carModel.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/displacement.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/engineOil.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/gearboxOil.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/goodsDetail.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/history.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/search.js.map


+ 4 - 0
unpackage/dist/dev/mp-weixin/app.js
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+
 
+require('./common/runtime.js')
 
+require('./common/vendor.js')
 
+require('./common/main.js')

+ 22 - 0
unpackage/dist/dev/mp-weixin/app.json
Просмотреть файл 

@@ -0,0 +1,22 @@
 
+{
 
+  "pages": [
 
+    "pages/index/index",
 
+    "pages/index/displacement",
 
+    "pages/index/carGroup",
 
+    "pages/index/history",
 
+    "pages/index/search",
 
+    "pages/index/byItem",
 
+    "pages/index/engineOil",
 
+    "pages/index/gearboxOil",
 
+    "pages/index/goodsDetail",
 
+    "pages/index/carConfiguration"
 
+  ],
 
+  "subPackages": [],
 
+  "window": {
 
+    "navigationBarTextStyle": "black",
 
+    "navigationBarTitleText": "配件查询",
 
+    "navigationBarBackgroundColor": "#F8F8F8",
 
+    "backgroundColor": "#F8F8F8"
 
+  },
 
+  "usingComponents": {}
 
+}

+ 3 - 0
unpackage/dist/dev/mp-weixin/app.wxss
Просмотреть файл 

@@ -0,0 +1,3 @@
 
+@import './common/main.wxss';
 
+
 
+[data-custom-hidden="true"],[bind-data-custom-hidden="true"]{display: none !important;}

Разница между файлами не показана из-за своего большого размера
+ 150 - 0
unpackage/dist/dev/mp-weixin/common/main.js


+ 20 - 0
unpackage/dist/dev/mp-weixin/common/main.wxss
Просмотреть файл 

@@ -0,0 +1,20 @@
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+/*每个页面公共css */
 
+.flex{
 
+	display: flex;justify-content: space-between;
 
+}
 
+

+ 273 - 0
unpackage/dist/dev/mp-weixin/common/runtime.js
Просмотреть файл 

@@ -0,0 +1,273 @@
 
+
 
+  !function(){try{var a=Function("return this")();a&&!a.Math&&(Object.assign(a,{isFinite:isFinite,Array:Array,Date:Date,Error:Error,Function:Function,Math:Math,Object:Object,RegExp:RegExp,String:String,TypeError:TypeError,setTimeout:setTimeout,clearTimeout:clearTimeout,setInterval:setInterval,clearInterval:clearInterval}),"undefined"!=typeof Reflect&&(a.Reflect=Reflect))}catch(a){}}();
 
+  /******/ (function(modules) { // webpackBootstrap
 
+/******/ 	// install a JSONP callback for chunk loading
 
+/******/ 	function webpackJsonpCallback(data) {
 
+/******/ 		var chunkIds = data[0];
 
+/******/ 		var moreModules = data[1];
 
+/******/ 		var executeModules = data[2];
 
+/******/
 
+/******/ 		// add "moreModules" to the modules object,
 
+/******/ 		// then flag all "chunkIds" as loaded and fire callback
 
+/******/ 		var moduleId, chunkId, i = 0, resolves = [];
 
+/******/ 		for(;i < chunkIds.length; i++) {
 
+/******/ 			chunkId = chunkIds[i];
 
+/******/ 			if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
 
+/******/ 				resolves.push(installedChunks[chunkId][0]);
 
+/******/ 			}
 
+/******/ 			installedChunks[chunkId] = 0;
 
+/******/ 		}
 
+/******/ 		for(moduleId in moreModules) {
 
+/******/ 			if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
 
+/******/ 				modules[moduleId] = moreModules[moduleId];
 
+/******/ 			}
 
+/******/ 		}
 
+/******/ 		if(parentJsonpFunction) parentJsonpFunction(data);
 
+/******/
 
+/******/ 		while(resolves.length) {
 
+/******/ 			resolves.shift()();
 
+/******/ 		}
 
+/******/
 
+/******/ 		// add entry modules from loaded chunk to deferred list
 
+/******/ 		deferredModules.push.apply(deferredModules, executeModules || []);
 
+/******/
 
+/******/ 		// run deferred modules when all chunks ready
 
+/******/ 		return checkDeferredModules();
 
+/******/ 	};
 
+/******/ 	function checkDeferredModules() {
 
+/******/ 		var result;
 
+/******/ 		for(var i = 0; i < deferredModules.length; i++) {
 
+/******/ 			var deferredModule = deferredModules[i];
 
+/******/ 			var fulfilled = true;
 
+/******/ 			for(var j = 1; j < deferredModule.length; j++) {
 
+/******/ 				var depId = deferredModule[j];
 
+/******/ 				if(installedChunks[depId] !== 0) fulfilled = false;
 
+/******/ 			}
 
+/******/ 			if(fulfilled) {
 
+/******/ 				deferredModules.splice(i--, 1);
 
+/******/ 				result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
 
+/******/ 			}
 
+/******/ 		}
 
+/******/
 
+/******/ 		return result;
 
+/******/ 	}
 
+/******/
 
+/******/ 	// The module cache
 
+/******/ 	var installedModules = {};
 
+/******/
 
+/******/ 	// object to store loaded CSS chunks
 
+/******/ 	var installedCssChunks = {
 
+/******/ 		"common/runtime": 0
 
+/******/ 	}
 
+/******/
 
+/******/ 	// object to store loaded and loading chunks
 
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
 
+/******/ 	// Promise = chunk loading, 0 = chunk loaded
 
+/******/ 	var installedChunks = {
 
+/******/ 		"common/runtime": 0
 
+/******/ 	};
 
+/******/
 
+/******/ 	var deferredModules = [];
 
+/******/
 
+/******/ 	// script path function
 
+/******/ 	function jsonpScriptSrc(chunkId) {
 
+/******/ 		return __webpack_require__.p + "" + chunkId + ".js"
 
+/******/ 	}
 
+/******/
 
+/******/ 	// The require function
 
+/******/ 	function __webpack_require__(moduleId) {
 
+/******/
 
+/******/ 		// Check if module is in cache
 
+/******/ 		if(installedModules[moduleId]) {
 
+/******/ 			return installedModules[moduleId].exports;
 
+/******/ 		}
 
+/******/ 		// Create a new module (and put it into the cache)
 
+/******/ 		var module = installedModules[moduleId] = {
 
+/******/ 			i: moduleId,
 
+/******/ 			l: false,
 
+/******/ 			exports: {}
 
+/******/ 		};
 
+/******/
 
+/******/ 		// Execute the module function
 
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
+/******/
 
+/******/ 		// Flag the module as loaded
 
+/******/ 		module.l = true;
 
+/******/
 
+/******/ 		// Return the exports of the module
 
+/******/ 		return module.exports;
 
+/******/ 	}
 
+/******/
 
+/******/ 	// This file contains only the entry chunk.
 
+/******/ 	// The chunk loading function for additional chunks
 
+/******/ 	__webpack_require__.e = function requireEnsure(chunkId) {
 
+/******/ 		var promises = [];
 
+/******/
 
+/******/
 
+/******/ 		// mini-css-extract-plugin CSS loading
 
+/******/ 		var cssChunks = {"pages/index/carModel":1};
 
+/******/ 		if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
 
+/******/ 		else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
 
+/******/ 			promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
 
+/******/ 				var href = "" + ({"pages/index/carModel":"pages/index/carModel"}[chunkId]||chunkId) + ".wxss";
 
+/******/ 				var fullhref = __webpack_require__.p + href;
 
+/******/ 				var existingLinkTags = document.getElementsByTagName("link");
 
+/******/ 				for(var i = 0; i < existingLinkTags.length; i++) {
 
+/******/ 					var tag = existingLinkTags[i];
 
+/******/ 					var dataHref = tag.getAttribute("data-href") || tag.getAttribute("href");
 
+/******/ 					if(tag.rel === "stylesheet" && (dataHref === href || dataHref === fullhref)) return resolve();
 
+/******/ 				}
 
+/******/ 				var existingStyleTags = document.getElementsByTagName("style");
 
+/******/ 				for(var i = 0; i < existingStyleTags.length; i++) {
 
+/******/ 					var tag = existingStyleTags[i];
 
+/******/ 					var dataHref = tag.getAttribute("data-href");
 
+/******/ 					if(dataHref === href || dataHref === fullhref) return resolve();
 
+/******/ 				}
 
+/******/ 				var linkTag = document.createElement("link");
 
+/******/ 				linkTag.rel = "stylesheet";
 
+/******/ 				linkTag.type = "text/css";
 
+/******/ 				linkTag.onload = resolve;
 
+/******/ 				linkTag.onerror = function(event) {
 
+/******/ 					var request = event && event.target && event.target.src || fullhref;
 
+/******/ 					var err = new Error("Loading CSS chunk " + chunkId + " failed.\n(" + request + ")");
 
+/******/ 					err.code = "CSS_CHUNK_LOAD_FAILED";
 
+/******/ 					err.request = request;
 
+/******/ 					delete installedCssChunks[chunkId]
 
+/******/ 					linkTag.parentNode.removeChild(linkTag)
 
+/******/ 					reject(err);
 
+/******/ 				};
 
+/******/ 				linkTag.href = fullhref;
 
+/******/
 
+/******/ 				var head = document.getElementsByTagName("head")[0];
 
+/******/ 				head.appendChild(linkTag);
 
+/******/ 			}).then(function() {
 
+/******/ 				installedCssChunks[chunkId] = 0;
 
+/******/ 			}));
 
+/******/ 		}
 
+/******/
 
+/******/ 		// JSONP chunk loading for javascript
 
+/******/
 
+/******/ 		var installedChunkData = installedChunks[chunkId];
 
+/******/ 		if(installedChunkData !== 0) { // 0 means "already installed".
 
+/******/
 
+/******/ 			// a Promise means "currently loading".
 
+/******/ 			if(installedChunkData) {
 
+/******/ 				promises.push(installedChunkData[2]);
 
+/******/ 			} else {
 
+/******/ 				// setup Promise in chunk cache
 
+/******/ 				var promise = new Promise(function(resolve, reject) {
 
+/******/ 					installedChunkData = installedChunks[chunkId] = [resolve, reject];
 
+/******/ 				});
 
+/******/ 				promises.push(installedChunkData[2] = promise);
 
+/******/
 
+/******/ 				// start chunk loading
 
+/******/ 				var script = document.createElement('script');
 
+/******/ 				var onScriptComplete;
 
+/******/
 
+/******/ 				script.charset = 'utf-8';
 
+/******/ 				script.timeout = 120;
 
+/******/ 				if (__webpack_require__.nc) {
 
+/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
 
+/******/ 				}
 
+/******/ 				script.src = jsonpScriptSrc(chunkId);
 
+/******/
 
+/******/ 				// create error before stack unwound to get useful stacktrace later
 
+/******/ 				var error = new Error();
 
+/******/ 				onScriptComplete = function (event) {
 
+/******/ 					// avoid mem leaks in IE.
 
+/******/ 					script.onerror = script.onload = null;
 
+/******/ 					clearTimeout(timeout);
 
+/******/ 					var chunk = installedChunks[chunkId];
 
+/******/ 					if(chunk !== 0) {
 
+/******/ 						if(chunk) {
 
+/******/ 							var errorType = event && (event.type === 'load' ? 'missing' : event.type);
 
+/******/ 							var realSrc = event && event.target && event.target.src;
 
+/******/ 							error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
 
+/******/ 							error.name = 'ChunkLoadError';
 
+/******/ 							error.type = errorType;
 
+/******/ 							error.request = realSrc;
 
+/******/ 							chunk[1](error);
 
+/******/ 						}
 
+/******/ 						installedChunks[chunkId] = undefined;
 
+/******/ 					}
 
+/******/ 				};
 
+/******/ 				var timeout = setTimeout(function(){
 
+/******/ 					onScriptComplete({ type: 'timeout', target: script });
 
+/******/ 				}, 120000);
 
+/******/ 				script.onerror = script.onload = onScriptComplete;
 
+/******/ 				document.head.appendChild(script);
 
+/******/ 			}
 
+/******/ 		}
 
+/******/ 		return Promise.all(promises);
 
+/******/ 	};
 
+/******/
 
+/******/ 	// expose the modules object (__webpack_modules__)
 
+/******/ 	__webpack_require__.m = modules;
 
+/******/
 
+/******/ 	// expose the module cache
 
+/******/ 	__webpack_require__.c = installedModules;
 
+/******/
 
+/******/ 	// define getter function for harmony exports
 
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
 
+/******/ 		if(!__webpack_require__.o(exports, name)) {
 
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 
+/******/ 		}
 
+/******/ 	};
 
+/******/
 
+/******/ 	// define __esModule on exports
 
+/******/ 	__webpack_require__.r = function(exports) {
 
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+/******/ 		}
 
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 
+/******/ 	};
 
+/******/
 
+/******/ 	// create a fake namespace object
 
+/******/ 	// mode & 1: value is a module id, require it
 
+/******/ 	// mode & 2: merge all properties of value into the ns
 
+/******/ 	// mode & 4: return value when already ns object
 
+/******/ 	// mode & 8|1: behave like require
 
+/******/ 	__webpack_require__.t = function(value, mode) {
 
+/******/ 		if(mode & 1) value = __webpack_require__(value);
 
+/******/ 		if(mode & 8) return value;
 
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 
+/******/ 		var ns = Object.create(null);
 
+/******/ 		__webpack_require__.r(ns);
 
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 
+/******/ 		return ns;
 
+/******/ 	};
 
+/******/
 
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
 
+/******/ 	__webpack_require__.n = function(module) {
 
+/******/ 		var getter = module && module.__esModule ?
 
+/******/ 			function getDefault() { return module['default']; } :
 
+/******/ 			function getModuleExports() { return module; };
 
+/******/ 		__webpack_require__.d(getter, 'a', getter);
 
+/******/ 		return getter;
 
+/******/ 	};
 
+/******/
 
+/******/ 	// Object.prototype.hasOwnProperty.call
 
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 
+/******/
 
+/******/ 	// __webpack_public_path__
 
+/******/ 	__webpack_require__.p = "/";
 
+/******/
 
+/******/ 	// on error function for async loading
 
+/******/ 	__webpack_require__.oe = function(err) { console.error(err); throw err; };
 
+/******/
 
+/******/ 	var jsonpArray = global["webpackJsonp"] = global["webpackJsonp"] || [];
 
+/******/ 	var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
 
+/******/ 	jsonpArray.push = webpackJsonpCallback;
 
+/******/ 	jsonpArray = jsonpArray.slice();
 
+/******/ 	for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
 
+/******/ 	var parentJsonpFunction = oldJsonpFunction;
 
+/******/
 
+/******/
 
+/******/ 	// run deferred modules from other chunks
 
+/******/ 	checkDeferredModules();
 
+/******/ })
 
+/************************************************************************/
 
+/******/ ([]);
 
+//# sourceMappingURL=../../.sourcemap/mp-weixin/common/runtime.js.map
 
+

Разница между файлами не показана из-за своего большого размера
+ 9753 - 0
unpackage/dist/dev/mp-weixin/common/vendor.js


Разница между файлами не показана из-за своего большого размера
+ 217 - 0
unpackage/dist/dev/mp-weixin/pages/index/byItem.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/byItem.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "navigationBarTitleText": "选择保养项目",
 
+  "usingComponents": {}
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/byItem.wxml


+ 56 - 0
unpackage/dist/dev/mp-weixin/pages/index/byItem.wxss
Просмотреть файл 

@@ -0,0 +1,56 @@
 
+
 
+.content.data-v-71ab4960{
 
+	min-height: 100vh;
 
+	background: #F4F5F7;
 
+}
 
+.box.data-v-71ab4960{
 
+	padding: 0 24rpx;
 
+	background: #ffffff;
 
+}
 
+.historylinecarImg.data-v-71ab4960{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.historylinecar.data-v-71ab4960{
 
+	font-weight: 400;font-size: 26rpx;
 
+	color: #1A1A1A;
 
+	line-height: 37rpx;width: 636rpx;
 
+}
 
+.historyLine.data-v-71ab4960{
 
+	display: flex;justify-content: space-between;
 
+	padding: 30rpx 0;border-top: 1rpx solid #EEEEEE;
 
+}
 
+.title.data-v-71ab4960{
 
+	font-weight: 500;font-size: 28rpx;
 
+	color: #1A1A1A;padding: 30rpx 24rpx;
 
+	line-height: 40rpx;
 
+}
 
+.lineBox.data-v-71ab4960{
 
+padding: 0 24rpx;
 
+}
 
+.line.data-v-71ab4960{
 
+	width: 332rpx;
 
+	height: 206rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 16rpx;
 
+}
 
+.lineTitle.data-v-71ab4960{
 
+	font-weight: 500;font-size: 28rpx;padding-top: 32rpx;
 
+	color: #1A1A1A;padding-left: 30rpx;
 
+	line-height: 40rpx;
 
+}
 
+.lineEnglish.data-v-71ab4960{
 
+	font-weight: 400;font-size: 24rpx;
 
+	color: #999999;padding-left: 30rpx;
 
+	line-height: 34rpx;padding-top: 10rpx;
 
+}
 
+.lineImg1.data-v-71ab4960{
 
+	width: 82rpx;height: 92rpx;
 
+}
 
+.lineImgbox.data-v-71ab4960{
 
+	text-align: right;
 
+}
 
+.lineImg2.data-v-71ab4960{
 
+	width: 106rpx;height: 82rpx;    margin-top: 10rpx;
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 238 - 0
unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "navigationBarTitleText": "车辆配置",
 
+  "usingComponents": {}
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.wxml


+ 34 - 0
unpackage/dist/dev/mp-weixin/pages/index/carConfiguration.wxss
Просмотреть файл 

@@ -0,0 +1,34 @@
 
+
 
+.top.data-v-25d03d58{
 
+	background: url('http://dmsphoto.66km.com.cn/thFiles/AFCBDA6F-03C0-46C0-9090-9A34C125D140.png') no-repeat;
 
+	background-size: 100%;
 
+	width: 750rpx;height: 250rpx;
 
+	background-position: right bottom;
 
+}
 
+.carBrand.data-v-25d03d58{
 
+	font-weight: 500;font-size: 44rpx;
 
+	color: #FFFFFF;padding-left: 24rpx;
 
+	line-height: 62rpx;padding-top: 30rpx;
 
+}
 
+.carName.data-v-25d03d58{
 
+	font-weight: 400;font-size: 28rpx;
 
+	color: #FFFFFF;padding-left: 24rpx;
 
+	line-height: 40rpx;padding-top: 26rpx;
 
+}
 
+.box.data-v-25d03d58{
 
+	width: 750rpx;
 
+	background: #FFFFFF;
 
+	padding-top: 20rpx;
 
+	border-radius: 24rpx 24rpx 0rpx 0rpx;
 
+	margin-top: -40rpx;
 
+}
 
+.line.data-v-25d03d58{
 
+	display: flex;font-size: 28rpx;line-height: 40rpx;padding: 20rpx 24rpx;
 
+}
 
+.lineLeft.data-v-25d03d58{
 
+	color: #999999;width: 180rpx;
 
+}
 
+.lineRight.data-v-25d03d58{
 
+	color: #3C3C3C;
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 233 - 0
unpackage/dist/dev/mp-weixin/pages/index/carGroup.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/carGroup.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "navigationBarTitleText": "车型选择",
 
+  "usingComponents": {}
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/carGroup.wxml


+ 38 - 0
unpackage/dist/dev/mp-weixin/pages/index/carGroup.wxss
Просмотреть файл 

@@ -0,0 +1,38 @@
 
+
 
+.content.data-v-022b873e{
 
+	background: #F4F5F7;min-height: 100vh;
 
+}
 
+.top.data-v-022b873e{
 
+	display: flex;background: #ffffff;
 
+	padding: 34rpx 24rpx;
 
+}
 
+.logoImg.data-v-022b873e{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.topname.data-v-022b873e{
 
+	font-weight: 500;font-size: 28rpx;line-height: 46rpx;
 
+	color: #1A1A1A;padding-left: 20rpx;
 
+}
 
+.tsImg.data-v-022b873e{
 
+	width: 27rpx;height: 28rpx;
 
+}
 
+.tsTxt.data-v-022b873e{
 
+	font-weight: 500;padding-left: 16rpx;
 
+	color: #FFBF35;
 
+	font-size: 28rpx;line-height: 28rpx;
 
+}
 
+.ts.data-v-022b873e{
 
+	padding: 36rpx 24rpx;display: flex;
 
+}
 
+.linebox.data-v-022b873e{
 
+	background: #ffffff;
 
+	padding: 0 24rpx;
 
+}
 
+.line.data-v-022b873e{
 
+	border-bottom: 1rpx solid #EEEEEE;
 
+	font-weight: 400;
 
+	color: #333333;font-size: 26rpx;
 
+	padding: 30rpx 0;
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 570 - 0
unpackage/dist/dev/mp-weixin/pages/index/carModel.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/carModel.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "usingComponents": {},
 
+  "component": true
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/carModel.wxml


+ 341 - 0
unpackage/dist/dev/mp-weixin/pages/index/carModel.wxss
Просмотреть файл 

@@ -0,0 +1,341 @@
 
+@charset "UTF-8";
 
+/**
 
+ * 这里是uni-app内置的常用样式变量
 
+ *
 
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 
+ *
 
+ */
 
+/**
 
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 
+ *
 
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 
+ */
 
+/* 颜色变量 */
 
+/* 行为相关颜色 */
 
+/* 文字基本颜色 */
 
+/* 背景颜色 */
 
+/* 边框颜色 */
 
+/* 尺寸变量 */
 
+/* 文字尺寸 */
 
+/* 图片尺寸 */
 
+/* Border Radius */
 
+/* 水平间距 */
 
+/* 垂直间距 */
 
+/* 透明度 */
 
+/* 文章场景相关 */
 
+.popupone.data-v-411247ea {
 
+  width: 100vw;
 
+  height: 100vh;
 
+  background: rgba(0, 0, 0, 0.4);
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  z-index: 11;
 
+}
 
+.brandListkk.data-v-411247ea {
 
+  padding-top: 30rpx;
 
+}
 
+.brand-select .rmview .brand-select-title.data-v-411247ea {
 
+  background: #fff;
 
+}
 
+.rmview.data-v-411247ea {
 
+  border-radius: 16rpx;
 
+  overflow: hidden;
 
+}
 
+.carModel-nav-title-left.data-v-411247ea {
 
+  display: flex;
 
+}
 
+.carModel-nav-title.data-v-411247ea {
 
+  display: flex;
 
+  justify-content: space-between;
 
+}
 
+.carBack.data-v-411247ea {
 
+  line-height: 100rpx;
 
+  font-size: 30rpx;
 
+  font-family: PingFangSC-Medium, PingFang SC;
 
+  font-weight: 500;
 
+  color: #FFFFFF;
 
+  padding-right: 24rpx;
 
+}
 
+.carSs.data-v-411247ea {
 
+  width: 750rpx;
 
+  height: 96rpx;
 
+  background: #FFFFFF;
 
+  padding-top: 24rpx;
 
+  position: fixed;
 
+  z-index: 999;
 
+  left: 0;
 
+  top: 90rpx;
 
+  /* top: calc(44px + 96rpx); */
 
+}
 
+.carssBox.data-v-411247ea {
 
+  width: 702rpx;
 
+  height: 72rpx;
 
+  background: #F4F5F7;
 
+  border-radius: 36rpx;
 
+  margin: 0 auto;
 
+}
 
+.carSsImg.data-v-411247ea {
 
+  width: 40rpx;
 
+  height: 40rpx;
 
+  margin-top: 16rpx;
 
+  margin-left: 20rpx;
 
+}
 
+.carssInput.data-v-411247ea {
 
+  line-height: 72rpx;
 
+  font-size: 28rpx;
 
+  height: 72rpx;
 
+  padding-left: 16rpx;
 
+  width: 600rpx;
 
+}
 
+.carssBox.data-v-411247ea {
 
+  display: flex;
 
+}
 
+.brand-select .brand-select-title.data-v-411247ea {
 
+  height: 80rpx;
 
+  background: #f7f7f7;
 
+  position: relative;
 
+}
 
+.brand-select .brand-select-title ._h5.data-v-411247ea {
 
+  position: absolute;
 
+  height: 40rpx;
 
+  font-size: 28rpx;
 
+  font-weight: 500;
 
+  color: #666666;
 
+  line-height: 40rpx;
 
+  top: 20rpx;
 
+  left: 30rpx;
 
+}
 
+.brand-select .brand-select-wrapper.data-v-411247ea {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  background: white;
 
+  width: 702rpx;
 
+  border-radius: 16rpx;
 
+}
 
+.brand-select .brand-select-wrapper .brand-select-item.data-v-411247ea {
 
+  display: block;
 
+  width: 80rpx;
 
+  height: 100rpx;
 
+  padding: 30rpx;
 
+}
 
+.brand-select .brand-select-wrapper .brand-select-item ._img.data-v-411247ea {
 
+  display: inline-block;
 
+  margin-left: 10rpx;
 
+  width: 60rpx;
 
+  height: 60rpx;
 
+}
 
+.brand-select .brand-select-wrapper .brand-select-item ._span.data-v-411247ea {
 
+  display: inline-block;
 
+  text-align: center;
 
+  height: 33rpx;
 
+  width: 90rpx;
 
+  font-size: 24rpx;
 
+  font-weight: 400;
 
+  color: #333333;
 
+  line-height: 33rpx;
 
+}
 
+.fast-navigation.data-v-411247ea {
 
+  position: absolute;
 
+  text-align: center;
 
+  right: 16rpx;
 
+  top: 30rpx;
 
+  width: 23rpx;
 
+  font-size: 26rpx;
 
+  font-weight: 500;
 
+  line-height: 35rpx;
 
+  color: #999999;
 
+}
 
+.fast-navigation ._a.data-v-411247ea {
 
+  display: block;
 
+  padding-top: 10rpx;
 
+}
 
+.fast-navigation .select.data-v-411247ea {
 
+  color: #FF4F00;
 
+}
 
+.scroll-view.data-v-411247ea {
 
+  height: calc(100vh - 120rpx);
 
+}
 
+.brand-select.data-v-411247ea {
 
+  padding-bottom: 100rpx;
 
+}
 
+.popup-height.data-v-411247ea {
 
+  width: 200px;
 
+}
 
+.popup-content.data-v-411247ea {
 
+  width: 80vw;
 
+  background: #FFFFFF;
 
+  height: 100vh;
 
+  margin-left: 20vw;
 
+}
 
+.carModel-nav-title.data-v-411247ea {
 
+  height: 100rpx;
 
+  background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+  line-height: 100rpx;
 
+  display: flex;
 
+  z-index: 500;
 
+}
 
+.carModel-nav-title.cell-logo.data-v-411247ea {
 
+  position: -webkit-sticky;
 
+  position: sticky;
 
+  top: 0;
 
+  background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+}
 
+.carModel-nav-title .carModel-nav-title-box.data-v-411247ea {
 
+  width: 100%;
 
+  display: flex;
 
+}
 
+.carModel-nav-title .carModel-nav-title-img.data-v-411247ea {
 
+  margin: 20rpx;
 
+  width: 60rpx;
 
+  height: 60rpx;
 
+}
 
+.carModel-nav-title .carModel-nav-title-msg.data-v-411247ea {
 
+  font-size: 30rpx;
 
+  font-weight: 400;
 
+  color: white;
 
+  display: block;
 
+  padding-right: 20rpx;
 
+  width: 400rpx;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+}
 
+.carModel-nav-title .carModel-nav-title-msg1.data-v-411247ea {
 
+  width: 300rpx;
 
+}
 
+.cell-item-title.data-v-411247ea {
 
+  line-height: 69rpx;
 
+  padding-left: 24rpx;
 
+  width: 504rpx;
 
+  margin-left: 30rpx;
 
+  height: 69rpx;
 
+  background: #FF4F00 linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+  border-radius: 16rpx;
 
+  font-weight: 500;
 
+  color: #FFFFFF;
 
+  font-size: 28rpx;
 
+}
 
+.span-cell.data-v-411247ea {
 
+  position: relative;
 
+  display: flex;
 
+  box-sizing: border-box;
 
+  width: 100%;
 
+  padding: 6rpx 30rpx;
 
+  overflow: hidden;
 
+  color: #323233;
 
+  font-size: 3.73333vw;
 
+  line-height: 82rpx;
 
+  height: 82rpx;
 
+  background-color: #fff;
 
+  border-bottom: 1px solid #ebedf0;
 
+}
 
+.carModel-nav-title.data-v-411247ea {
 
+  height: 100rpx;
 
+  background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+  line-height: 100rpx;
 
+  display: flex;
 
+  z-index: 500;
 
+}
 
+.carModel-nav-title.cell-logo.data-v-411247ea {
 
+  position: -webkit-sticky;
 
+  position: sticky;
 
+  top: 0;
 
+  background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%);
 
+}
 
+.carModel-nav-title .carModel-nav-title-box.data-v-411247ea {
 
+  width: 100%;
 
+  display: flex;
 
+}
 
+.carModel-nav-title .carModel-nav-title-img.data-v-411247ea {
 
+  margin: 20rpx;
 
+  width: 60rpx;
 
+  height: 60rpx;
 
+}
 
+.carModel-nav-title .carModel-nav-title-msg.data-v-411247ea {
 
+  font-size: 30rpx;
 
+  font-weight: 400;
 
+  color: white;
 
+  display: block;
 
+  padding-right: 20px;
 
+}
 
+.carbox.data-v-411247ea {
 
+  height: calc(100vh - 120rpx);
 
+  padding: 0 24rpx;
 
+  padding-top: 30rpx;
 
+}
 
+.brandList.data-v-411247ea {
 
+  height: calc(100vh - 150rpx);
 
+  /* padding-bottom:var(--status-bar-height); */
 
+}
 
+.displacementListLine.data-v-411247ea {
 
+  min-height: 50rpx;
 
+  padding: 20rpx 20rpx 20rpx 30rpx;
 
+  font-size: 28rpx;
 
+  font-weight: 600;
 
+  color: #333333;
 
+  line-height: 50rpx;
 
+  border-top: 2rpx solid #eeeeee;
 
+  background-color: white;
 
+}
 
+.carsslineTxt.data-v-411247ea {
 
+  background: #FFFFFF;
 
+  line-height: 50rpx;
 
+  color: #333333;
 
+  font-size: 28rpx;
 
+  padding: 0 24rpx;
 
+  border-bottom: 1px solid #EEEEEE;
 
+  padding: 20rpx 20rpx 20rpx 30rpx;
 
+}
 
+.displacementListBox.data-v-411247ea {
 
+  position: fixed;
 
+  top: 97rpx;
 
+  left: 20vw;
 
+  width: 80vw;
 
+  height: 100vh;
 
+  background: #F4F5F7;
 
+  z-index: 11111;
 
+}
 
+.carGroupListBox.data-v-411247ea {
 
+  position: fixed;
 
+  top: 0;
 
+  left: 20vw;
 
+  width: 80vw;
 
+  height: 100vh;
 
+  background: #F4F5F7;
 
+  z-index: 11111;
 
+  top: 210rpx;
 
+}
 
+.carssListBox.data-v-411247ea {
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  width: 200vw;
 
+  height: 100vh;
 
+  background: rgba(0, 0, 0, 0.5);
 
+  z-index: 11111;
 
+}
 
+.carssListBoxCont.data-v-411247ea {
 
+  background: #FFFFFF;
 
+  width: 80vw;
 
+  margin-left: 20vw;
 
+  height: 100vh;
 
+}
 
+.carssListBox2.data-v-411247ea {
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  width: 100vw;
 
+  height: 100vh;
 
+  background: rgba(0, 0, 0, 0);
 
+  z-index: 11112;
 
+  top: calc(210rpx);
 
+}
 
+.brand-select-titleselect.data-v-411247ea {
 
+  color: #FF4F00 !important;
 
+}
 
+.tab1.data-v-411247ea {
 
+  position: relative;
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 237 - 0
unpackage/dist/dev/mp-weixin/pages/index/displacement.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/displacement.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "navigationBarTitleText": "车型选择",
 
+  "usingComponents": {}
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/displacement.wxml


+ 38 - 0
unpackage/dist/dev/mp-weixin/pages/index/displacement.wxss
Просмотреть файл 

@@ -0,0 +1,38 @@
 
+
 
+.content.data-v-9547eb26{
 
+	background: #F4F5F7;min-height: 100vh;
 
+}
 
+.top.data-v-9547eb26{
 
+	display: flex;background: #ffffff;
 
+	padding: 34rpx 24rpx;
 
+}
 
+.logoImg.data-v-9547eb26{
 
+	width: 46rpx;
 
+	height: 46rpx;
 
+}
 
+.topname.data-v-9547eb26{
 
+	font-weight: 500;font-size: 28rpx;line-height: 46rpx;
 
+	color: #1A1A1A;padding-left: 20rpx;
 
+}
 
+.tsImg.data-v-9547eb26{
 
+	width: 27rpx;height: 28rpx;
 
+}
 
+.tsTxt.data-v-9547eb26{
 
+	font-weight: 500;padding-left: 16rpx;
 
+	color: #FFBF35;
 
+	font-size: 28rpx;line-height: 28rpx;
 
+}
 
+.ts.data-v-9547eb26{
 
+	padding: 36rpx 24rpx;display: flex;
 
+}
 
+.linebox.data-v-9547eb26{
 
+	background: #ffffff;
 
+	padding: 0 24rpx;
 
+}
 
+.line.data-v-9547eb26{
 
+	border-bottom: 1rpx solid #EEEEEE;
 
+	font-weight: 400;
 
+	color: #333333;font-size: 26rpx;
 
+	padding: 30rpx 0;
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 232 - 0
unpackage/dist/dev/mp-weixin/pages/index/engineOil.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/engineOil.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "navigationBarTitleText": "机油",
 
+  "usingComponents": {}
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/engineOil.wxml


+ 96 - 0
unpackage/dist/dev/mp-weixin/pages/index/engineOil.wxss
Просмотреть файл 

@@ -0,0 +1,96 @@
 
+
 
+.content.data-v-2eba3b6c {
 
+		min-height: 100vh;
 
+		background: #F4F5F7;
 
+}
 
+.box.data-v-2eba3b6c {
 
+		padding: 0 24rpx;
 
+		background: #ffffff;
 
+}
 
+.historylinecarImg.data-v-2eba3b6c {
 
+		width: 46rpx;
 
+		height: 46rpx;
 
+}
 
+.historylinecar.data-v-2eba3b6c {
 
+		font-weight: 400;
 
+		font-size: 26rpx;
 
+		color: #1A1A1A;
 
+		line-height: 37rpx;
 
+		width: 636rpx;
 
+}
 
+.historyLine.data-v-2eba3b6c {
 
+		display: flex;
 
+		justify-content: space-between;
 
+		padding: 30rpx 0;
 
+		border-top: 1rpx solid #EEEEEE;
 
+}
 
+.cont.data-v-2eba3b6c {
 
+		padding: 30rpx 24rpx;
 
+}
 
+.toplineImg.data-v-2eba3b6c{
 
+		width: 35rpx;
 
+		height: 34rpx;
 
+}
 
+.topName.data-v-2eba3b6c{
 
+		line-height: 34rpx;font-weight: 400;
 
+color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 
+}
 
+.topBox.data-v-2eba3b6c{
 
+		width: 702rpx;
 
+		height: 98rpx;
 
+		background: #FFFFFF linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+		border-radius: 16rpx;
 
+		display: flex;justify-content: space-around;
 
+}
 
+.topsx.data-v-2eba3b6c{
 
+		width: 2rpx;background: #ffffff;
 
+		height: 54rpx;margin-top: 22rpx;
 
+}
 
+.topLine.data-v-2eba3b6c{
 
+		display: flex;padding-top: 32rpx;
 
+}
 
+.jiyouTop.data-v-2eba3b6c{
 
+		display: flex;justify-content: space-between;
 
+}
 
+.jiyouBox.data-v-2eba3b6c{
 
+		margin-top: 30rpx;border-radius: 16rpx;
 
+		background: #ffffff;padding: 30rpx;
 
+}
 
+.jiyoutopTitle.data-v-2eba3b6c{
 
+		font-weight: 500;font-size: 28rpx;
 
+		color: #1A1A1A;
 
+		line-height: 40rpx;
 
+}
 
+.jyzl.data-v-2eba3b6c{
 
+		font-weight: 400;line-height: 40rpx;
 
+		color: #666666;font-size: 24rpx;
 
+}
 
+.jyimg.data-v-2eba3b6c{
 
+		width: 302rpx;
 
+		height: 302rpx;
 
+		border-radius: 10rpx;
 
+}
 
+.jyline.data-v-2eba3b6c{
 
+		width: 302rpx;padding-top: 30rpx;
 
+}
 
+.jyName.data-v-2eba3b6c{
 
+		font-weight: 400;font-size: 22rpx;
 
+		color: #1A1A1A;
 
+		line-height:36rpx ;
 
+		overflow: hidden; 
+		text-overflow: ellipsis; 
+		display: -webkit-box; 
+		-webkit-box-orient: vertical; 
+		-webkit-line-clamp: 2;
 
+		padding-top: 10rpx;
 
+}
 
+.best.data-v-2eba3b6c{
 
+		color: #FF4F00;border-radius: 6rpx;
 
+		padding: 0 8rpx;border: 1px solid #FF4F00;
 
+}
 
+.jylineBox.data-v-2eba3b6c{
 
+		display: flex;justify-content: space-between;flex-wrap: wrap;
 
+}
 
+.jyNametxt.data-v-2eba3b6c{
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 260 - 0
unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "navigationBarTitleText": "变速箱油",
 
+  "usingComponents": {}
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.wxml


+ 138 - 0
unpackage/dist/dev/mp-weixin/pages/index/gearboxOil.wxss
Просмотреть файл 

@@ -0,0 +1,138 @@
 
+
 
+.content.data-v-33cdceac {
 
+		min-height: 100vh;
 
+		background: #F4F5F7;
 
+}
 
+.box.data-v-33cdceac {
 
+		padding: 0 24rpx;
 
+		background: #ffffff;
 
+}
 
+.historylinecarImg.data-v-33cdceac {
 
+		width: 46rpx;
 
+		height: 46rpx;
 
+}
 
+.historylinecar.data-v-33cdceac {
 
+		font-weight: 400;
 
+		font-size: 26rpx;
 
+		color: #1A1A1A;
 
+		line-height: 37rpx;
 
+		width: 636rpx;
 
+}
 
+.historyLine.data-v-33cdceac {
 
+		display: flex;
 
+		justify-content: space-between;
 
+		padding: 30rpx 0;
 
+		border-top: 1rpx solid #EEEEEE;
 
+}
 
+.cont.data-v-33cdceac {
 
+		padding:0 24rpx 30rpx 24rpx;
 
+}
 
+.toplineImg.data-v-33cdceac{
 
+		width: 35rpx;
 
+		height: 34rpx;
 
+}
 
+.topName.data-v-33cdceac{
 
+		line-height: 34rpx;font-weight: 400;
 
+color: #FFFFFF;font-size: 28rpx;padding-left: 16rpx;
 
+}
 
+.topBox.data-v-33cdceac{
 
+		width: 702rpx;
 
+		height: 98rpx;
 
+		background: #FFFFFF linear-gradient(132deg, #FF8635 0%, #FF4828 100%);
 
+		border-radius: 16rpx;
 
+		display: flex;justify-content: space-around;
 
+}
 
+.topsx.data-v-33cdceac{
 
+		width: 2rpx;background: #ffffff;
 
+		height: 54rpx;margin-top: 22rpx;
 
+}
 
+.topLine.data-v-33cdceac{
 
+		display: flex;padding-top: 32rpx;
 
+}
 
+.jiyouTop.data-v-33cdceac{
 
+		display: flex;justify-content: space-between;
 
+}
 
+.jiyouBox.data-v-33cdceac{
 
+		margin-top: 30rpx;border-radius: 16rpx;
 
+		background: #ffffff;padding: 30rpx;
 
+}
 
+.jiyoutopTitle.data-v-33cdceac{
 
+		font-weight: 500;font-size: 28rpx;
 
+		color: #1A1A1A;
 
+		line-height: 40rpx;
 
+}
 
+.jyzl.data-v-33cdceac{
 
+		font-weight: 400;line-height: 40rpx;
 
+		color: #666666;font-size: 24rpx;
 
+}
 
+.jyimg.data-v-33cdceac{
 
+		width: 302rpx;
 
+		height: 302rpx;
 
+		border-radius: 10rpx;
 
+}
 
+.jyline.data-v-33cdceac{
 
+		width: 302rpx;padding-top: 30rpx;
 
+}
 
+.jyName.data-v-33cdceac{
 
+		font-weight: 400;font-size: 22rpx;
 
+		color: #1A1A1A;
 
+		line-height:36rpx ;
 
+		overflow: hidden; 
+		text-overflow: ellipsis; 
+		display: -webkit-box; 
+		-webkit-box-orient: vertical; 
+		-webkit-line-clamp: 2;
 
+		padding-top: 10rpx;
 
+}
 
+.best.data-v-33cdceac{
 
+		color: #FF4F00;border-radius: 6rpx;
 
+		padding: 0 8rpx;border: 1px solid #FF4F00;
 
+}
 
+.jylineBox.data-v-33cdceac{
 
+		display: flex;justify-content: space-between;flex-wrap: wrap;
 
+}
 
+.yhxxline.data-v-33cdceac{
 
+		 display: flex;font-size: 26rpx;line-height: 36rpx;padding: 20rpx 0;
 
+}
 
+.yhxxlineLeft.data-v-33cdceac{
 
+		color: #999999;width: 174rpx;
 
+}
 
+.yhxxlineRight.data-v-33cdceac{
 
+		color: #3C3C3C;width: 458rpx;
 
+}
 
+.yhxxImg.data-v-33cdceac{
 
+		width: 138rpx;
 
+		height: 138rpx;
 
+}
 
+.yhxxImgBorder.data-v-33cdceac{
 
+		width: 138rpx;
 
+		height: 138rpx;
 
+		border-radius: 7rpx;
 
+		border: 1rpx solid #EEEEEE;
 
+		overflow: hidden;
 
+		position: relative;
 
+}
 
+.yhxximgName.data-v-33cdceac{
 
+		width: 138rpx;font-weight: 400;
 
+color: #3C3C3C;font-size: 24rpx;
 
+line-height: 34rpx;padding-top: 16rpx;
 
+}
 
+.iconpic.data-v-33cdceac{
 
+		width: 18rpx;
 
+		height: 15rpx;
 
+}
 
+.yhxxCkdt.data-v-33cdceac{
 
+		width: 62rpx;
 
+		height: 30rpx;
 
+		border-radius: 15rpx;
 
+		background: rgba(0, 0, 0, 0.6);
 
+		position: absolute;
 
+		bottom: 10rpx;right: 10rpx;
 
+		display: flex;
 
+		justify-content: center;
 
+		align-items: center;
 
+}
 
+.yhxxCkdtNum.data-v-33cdceac{
 
+		color: #ffffff;font-weight: 500;font-size: 20rpx;padding-left: 5rpx;    padding-bottom: 6rpx;
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 216 - 0
unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.js


+ 4 - 0
unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.json
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+{
 
+  "navigationBarTitleText": "商品详情",
 
+  "usingComponents": {}
 
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.wxml


+ 19 - 0
unpackage/dist/dev/mp-weixin/pages/index/goodsDetail.wxss
Просмотреть файл 

@@ -0,0 +1,19 @@
 
+
 
+.swiper-itemImg.data-v-275a253e{
 
+	width: 750rpx;
 
+	height: 750rpx;
 
+}
 
+.uni-margin-wrap.data-v-275a253e{
 
+	height: 750rpx;
 
+}
 
+.swiper.data-v-275a253e{
 
+	height: 750rpx;
 
+}
 
+.datailTitle.data-v-275a253e{
 
+	font-weight: 500;
 
+	color: #1A1A1A;
 
+	line-height: 40rpx;
 
+	padding: 32rpx 24rpx;
 
+	font-size: 28rpx;
 
+}
 
+

Разница между файлами не показана из-за своего большого размера
+ 197 - 0
unpackage/dist/dev/mp-weixin/pages/index/history.js


+ 0 - 0
unpackage/dist/dev/mp-weixin/pages/index/history.json
Просмотреть файл


Некоторые файлы не были показаны из-за большого количества измененных файлов