Home Explore Help
Register Sign In
twt
/
epc
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

first commit

twt 2 years ago
commit
d38e29c812
22 changed files with 837 additions and 0 deletions
Split View Show Diff Stats
  1. 17 0
      App.vue
  2. 20 0
      index.html
  3. 21 0
      main.js
  4. 72 0
      manifest.json
  5. 46 0
      pages.json
  6. 67 0
      pages/index/index.vue
  7. 128 0
      pages/mobile/group.vue
  8. 108 0
      pages/mobile/index.vue
  9. 31 0
      pages/mobile/modelThree.vue
  10. 213 0
      pages/mobile/modelTwo.vue
  11. 28 0
      pages/pc/index.vue
  12. BIN
      static/img/icon_arrow_blue_l@2x.png
  13. BIN
      static/img/icon_arrow_blue_r@2x.png
  14. BIN
      static/img/icon_camera.png
  15. BIN
      static/img/icon_delete.png
  16. BIN
      static/img/icon_fangda@2x.png
  17. BIN
      static/img/icon_search.png
  18. BIN
      static/img/jt.png
  19. BIN
      static/img/nocar.png
  20. BIN
      static/logo.png
  21. 76 0
      uni.scss
  22. 10 0
      utils/pc.js

+ 17 - 0
App.vue
View File 

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

+ 20 - 0
index.html
View File 

@@ -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>

+ 21 - 0
main.js
View File 

@@ -0,0 +1,21 @@
 
+import App from './App'
 
+
 
+// #ifndef VUE3
 
+import Vue from 'vue'
 
+Vue.config.productionTip = false
 
+App.mpType = 'app'
 
+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
View File 

@@ -0,0 +1,72 @@
 
+{
 
+    "name" : "epc",
 
+    "appid" : "__UNI__6468E42",
 
+    "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"
 
+}

+ 46 - 0
pages.json
View File 

@@ -0,0 +1,46 @@
 
+{
 
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+		{
 
+			"path": "pages/index/index",
 
+			"style": {
 
+				"navigationBarTitleText": "uni-app"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/pc/index",
 
+			"style": {
 
+				"navigationBarTitleText": "uni-app"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/mobile/index",
 
+			"style": {
 
+				"navigationBarTitleText": "VIN查询"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/mobile/group",
 
+			"style": {
 
+				"navigationBarTitleText": "车型件"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/mobile/modelTwo",
 
+			"style": {
 
+				"navigationBarTitleText": "车型件"
 
+			}
 
+		},{
 
+			"path": "pages/mobile/modelThree",
 
+			"style": {
 
+				"navigationBarTitleText": "车型件"
 
+			}
 
+		}
 
+	],
 
+	"globalStyle": {
 
+		"navigationBarTextStyle": "black",
 
+		"navigationBarTitleText": "VIN查询",
 
+		"navigationBarBackgroundColor": "#F8F8F8",
 
+		"backgroundColor": "#F8F8F8"
 
+	},
 
+	"uniIdRouter": {}
 
+}

+ 67 - 0
pages/index/index.vue
View File 

@@ -0,0 +1,67 @@
 
+<template>
 
+	<view class="content">
 
+		<image class="logo" src="/static/logo.png"></image>
 
+		<view class="text-area">
 
+			<text class="title">{{title}}</text>
 
+		</view>
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+            if(navigator.userAgent.indexOf('UCBrowser') > -1) {
 
+            			uni.navigateTo({
 
+            				url:'../mobile/index'
 
+            			})
 
+            }
 
+            if (navigator.userAgent.indexOf('Mobile') === -1) {  
+              console.log("PC")
 
+            			uni.navigateTo({
 
+            				url:'../pc/index'
 
+            			})
 
+            }  else{
 
+            			  console.log("移动端")
 
+            			  uni.navigateTo({
 
+            			  	url:'../mobile/index'
 
+            			  })
 
+            }
 
+		},
 
+		methods: {
 
+
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.content {
 
+		display: flex;
 
+		flex-direction: column;
 
+		align-items: center;
 
+		justify-content: center;
 
+	}
 
+
 
+	.logo {
 
+		height: 200rpx;
 
+		width: 200rpx;
 
+		margin-top: 200rpx;
 
+		margin-left: auto;
 
+		margin-right: auto;
 
+		margin-bottom: 50rpx;
 
+	}
 
+
 
+	.text-area {
 
+		display: flex;
 
+		justify-content: center;
 
+	}
 
+
 
+	.title {
 
+		font-size: 36rpx;
 
+		color: #8f8f94;
 
+	}
 
+</style>

+ 128 - 0
pages/mobile/group.vue
View File 

@@ -0,0 +1,128 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="top">
 
+			<view class="topCont">
 
+				<view class="carBox">
 
+					<image src="../../static/img/nocar.png" mode="" class="carLogo"></image>
 
+					<view class="carTxt">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )（2021-2021）过长换行</view>
 
+					<image src="../../static/img/jt.png" mode="" class="carJt"></image>
 
+				</view>
 
+				<view class="vinBox">
 
+					<view class="vinB">VIN</view>
 
+					<view class="vinNum">HNUJN8888999H9098</view>
 
+				</view>
 
+			</view>
 
+		</view>
 
+		<view class="mainBox">
 
+			<view class="maintitle">总组</view>
 
+			<view class="mainLine" v-for="(item,index) in 5" @click="goTwo">
 
+				<view class="lineName">电气设备，排气和加热</view>
 
+				<image src="../../static/img/jt.png" mode="" class="mainLineJt"></image>
 
+			</view>
 
+		</view>
 
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+           
+		},
 
+		methods: {
 
+            goTwo(){
 
+				uni.navigateTo({
 
+					url:'modelTwo'
 
+				})
 
+			}
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.content{
 
+		background: #F4F5F7;
 
+		min-height: 100vh;
 
+	}
 
+	.top{
 
+		padding: 20rpx 0;
 
+	}
 
+	.topCont{
 
+		width: 750rpx;
 
+		height: 185rpx;
 
+		background: #FFFFFF;
 
+	}
 
+	.carLogo{
 
+		width: 72rpx;height: 72rpx;
 
+	}
 
+	.carTxt{
 
+		font-size: 28rpx;
 
+		font-family: PingFangSC-Medium, PingFang SC;
 
+		font-weight: 500;
 
+		color: #333333;
 
+		line-height: 36rpx;
 
+		width: 560rpx;
 
+	}
 
+	.carJt{
 
+		width: 25rpx;
 
+		height: 24rpx;
 
+		margin-top: 6rpx;
 
+	}
 
+	.carBox{
 
+		display: flex;
 
+		justify-content: space-between;
 
+		padding: 30rpx 24rpx 24rpx 24rpx;
 
+	}
 
+	.vinBox{
 
+		display: flex;
 
+		padding-left: 120rpx;
 
+	}
 
+	.vinB{
 
+		background: #F19D01;
 
+		width: 60rpx;
 
+		height: 30rpx;
 
+		text-align: center;
 
+		line-height: 30rpx;
 
+		color: #FFFFFF;
 
+		font-size: 22rpx;
 
+		border-radius: 5rpx;
 
+	}
 
+	.vinNum{
 
+		color: #999999;font-size: 24rpx;line-height: 30rpx;padding-left: 10rpx;
 
+	}
 
+	.mainBox{
 
+		background: #FFFFFF;
 
+	}
 
+	.maintitle{
 
+		font-size: 28rpx;
 
+		font-family: PingFangSC-Medium, PingFang SC;
 
+		font-weight: 500;
 
+		color: #333333;
 
+		text-align: center;
 
+		line-height: 88rpx;
 
+		border-bottom: 1px solid #EEEEEE;
 
+	}
 
+	.mainLineJt{
 
+		width: 25rpx;
 
+		height: 24rpx;
 
+		margin-top: 8rpx;
 
+	}
 
+	.mainLine{
 
+		display: flex;
 
+		justify-content: space-between;
 
+		border-bottom: 1px solid #EEEEEE;
 
+		padding: 29rpx 24rpx;
 
+	}
 
+	.lineName{
 
+		font-size: 28rpx;
 
+		font-family: PingFangSC-Regular, PingFang SC;
 
+		font-weight: 400;
 
+		color: #333333;
 
+		line-height: 40rpx;
 
+	}
 
+</style>

+ 108 - 0
pages/mobile/index.vue
View File 

@@ -0,0 +1,108 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="top">
 
+			<view class="inputBox">
 
+				<img src="../../static/img/icon_search.png" alt="" class="searchImg">
 
+				<input type="text" placeholder="请输入17位车架号查询" class="topInput">
 
+				<image src="../../static/img/icon_camera.png" mode="" class="cameraImg"></image>
 
+			</view>
 
+		</view>
 
+		<view class="history">
 
+			<view class="historyTop">
 
+				<view class="historyTopTxt">历史搜索</view>
 
+				<image src="../../static/img/icon_delete.png" mode="" class="historyDelImg"></image>
 
+			</view>
 
+			<view v-for="(item,index) in 3" class="historyLIneBox">
 
+				<view class="historyLIne" @click="gogroup">LF0HGCT23F0026063</view>
 
+			</view>
 
+				
+			
+			
+		</view>
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+           
+		},
 
+		methods: {
 
+            gogroup(){
 
+				uni.navigateTo({
 
+					url:'group'
 
+				})
 
+			}
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.top{
 
+		height: 96rpx;
 
+		border-bottom: 1px solid #EEEEEE;
 
+		padding-top: 24rpx;
 
+	}
 
+	.searchImg{
 
+		width: 40rpx;
 
+		height: 40rpx;
 
+		margin-top: 16rpx;
 
+		margin-left: 20rpx;
 
+	}
 
+	.inputBox{
 
+		width: 702rpx;
 
+		height: 72rpx;
 
+		background: #F4F5F7;
 
+		border-radius: 36rpx;
 
+		margin-left: 24rpx;
 
+		display:flex;
 
+		position: relative;
 
+	}
 
+	.topInput{
 
+		font-size: 28rpx;
 
+		height: 72rpx;
 
+		line-height: 72rpx;
 
+		padding-left: 16rpx;
 
+		width: 500rpx;
 
+	}
 
+	.cameraImg{
 
+		position: absolute;
 
+		width: 40rpx;
 
+		height: 40rpx;
 
+		top: 16rpx;
 
+		right: 20rpx;
 
+	}
 
+	.history{
 
+		padding: 24rpx;
 
+	}
 
+	.historyTop{
 
+		display: flex;
 
+		justify-content: space-between;
 
+	}
 
+	.historyDelImg{
 
+		width: 34rpx;height: 34rpx;
 
+	}
 
+	.historyTopTxt{
 
+		font-size: 28rpx;
 
+		font-weight: 400;
 
+		color: #666666;
 
+		line-height: 34rpx;
 
+	}
 
+	.historyLIne{
 
+		color: #333333;font-size: 24rpx;
 
+		height: 64rpx;
 
+		background: #F4F5F7;
 
+		border-radius: 32rpx;
 
+		line-height: 64rpx;
 
+		padding: 0 24rpx;
 
+		margin-top: 20rpx;
 
+	}
 
+	.historyLIneBox{
 
+		display: flex;
 
+	}
 
+</style>

+ 31 - 0
pages/mobile/modelThree.vue
View File 

@@ -0,0 +1,31 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="top">
 
+			<image class="topIMg" src="http://dmsimg.66km.com/thFiles/7C057545-E11E-40F5-AD3C-637EF653B417.jpg" mode=""></image>
 
+		</view>
 
+		
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+           
+		},
 
+		methods: {
 
+
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.topIMg{
 
+		width: 100%;
 
+	}
 
+</style>

+ 213 - 0
pages/mobile/modelTwo.vue
View File 

@@ -0,0 +1,213 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="top">
 
+			<view class="topCont">
 
+				<view class="carBox">
 
+					<image src="../../static/img/nocar.png" mode="" class="carLogo"></image>
 
+					<view class="carTxt">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )（2021-2021）过长换行</view>
 
+					<image src="../../static/img/jt.png" mode="" class="carJt"></image>
 
+				</view>
 
+				<view class="vinBox">
 
+					<view class="vinB">VIN</view>
 
+					<view class="vinNum">HNUJN8888999H9098</view>
 
+				</view>
 
+			</view>
 
+		</view>
 
+		<view class="mainBox">
 
+			<view class="maintitle">总组
 
+			   <view class="backBox">
 
+			   	  <image src="../../static/img/icon_arrow_blue_l@2x.png" mode="" class="backImg"></image>
 
+				  <view class="backTxt">返回总组</view>
 
+			   </view>
 
+			</view>
 
+			<view class="searchBox">
 
+				<view class="inputBox">
 
+					<img src="../../static/img/icon_search.png" alt="" class="searchImg">
 
+					<input type="text" placeholder="快速查找子组" class="topInput">
 
+				</view>
 
+			</view>
 
+			
+			<view class="mainLine" v-for="(item,index) in 5" @click="goThree">
 
+				<view class="lineLeft">
 
+					<image class="lineIMg" src="http://dmsimg.66km.com/thFiles/7C057545-E11E-40F5-AD3C-637EF653B417.jpg" mode="aspectFit"></image>
 
+				</view>
 
+				<view class="lineRIght">
 
+					<view class="lineName">电气设备，排气和加热</view>
 
+					<view class="lineBm">UH908980</view>
 
+					<view class="linejs">这是备注，没有就不显示该行，长了有就不显示该有就不显示该长了有就不显示该</view>
 
+				</view>
 
+				
+			
+			</view>
 
+		</view>
 
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+           
+		},
 
+		methods: {
 
+             goThree(){
 
+				 uni.navigateTo({
 
+				 	url:'modelThree'
 
+				 })
 
+			 }
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	.searchImg{
 
+		width: 40rpx;
 
+		height: 40rpx;
 
+		margin-top: 16rpx;
 
+		margin-left: 20rpx;
 
+	}
 
+	.searchBox{
 
+		padding-top:24rpx ;
 
+	}
 
+	.inputBox{
 
+		width: 702rpx;
 
+		height: 72rpx;
 
+		background: #F4F5F7;
 
+		border-radius: 36rpx;
 
+		margin-left: 24rpx;
 
+		display:flex;
 
+		position: relative;
 
+	}
 
+	.topInput{
 
+		font-size: 28rpx;
 
+		height: 72rpx;
 
+		line-height: 72rpx;
 
+		padding-left: 16rpx;
 
+		width: 500rpx;
 
+	}
 
+	.content{
 
+		background: #F4F5F7;
 
+		min-height: 100vh;
 
+	}
 
+	.top{
 
+		padding: 20rpx 0;
 
+	}
 
+	.topCont{
 
+		width: 750rpx;
 
+		height: 185rpx;
 
+		background: #FFFFFF;
 
+	}
 
+	.carLogo{
 
+		width: 72rpx;height: 72rpx;
 
+	}
 
+	.carTxt{
 
+		font-size: 28rpx;
 
+		font-family: PingFangSC-Medium, PingFang SC;
 
+		font-weight: 500;
 
+		color: #333333;
 
+		line-height: 36rpx;
 
+		width: 560rpx;
 
+	}
 
+	.carJt{
 
+		width: 25rpx;
 
+		height: 24rpx;
 
+		margin-top: 6rpx;
 
+	}
 
+	.carBox{
 
+		display: flex;
 
+		justify-content: space-between;
 
+		padding: 30rpx 24rpx 24rpx 24rpx;
 
+	}
 
+	.vinBox{
 
+		display: flex;
 
+		padding-left: 120rpx;
 
+	}
 
+	.vinB{
 
+		background: #F19D01;
 
+		width: 60rpx;
 
+		height: 30rpx;
 
+		text-align: center;
 
+		line-height: 30rpx;
 
+		color: #FFFFFF;
 
+		font-size: 22rpx;
 
+		border-radius: 5rpx;
 
+	}
 
+	.vinNum{
 
+		color: #999999;font-size: 24rpx;line-height: 30rpx;padding-left: 10rpx;
 
+	}
 
+	.mainBox{
 
+		background: #FFFFFF;
 
+	}
 
+	.maintitle{
 
+		font-size: 28rpx;
 
+		font-family: PingFangSC-Medium, PingFang SC;
 
+		font-weight: 500;
 
+		color: #333333;
 
+		text-align: center;
 
+		line-height: 88rpx;
 
+		border-bottom: 1px solid #EEEEEE;
 
+		position: relative;
 
+	}
 
+	.backImg{
 
+		width: 25rpx;height: 24rpx;margin-top: 4rpx;
 
+	}
 
+	.backBox{
 
+		display: flex;position: absolute;
 
+		left: 23rpx;top: 28rpx;
 
+	}
 
+	.backTxt{
 
+		color: #3F90F7;font-weight: 400;font-size: 24rpx;line-height: 33rpx;
 
+	}
 
+	.mainLineJt{
 
+		width: 25rpx;
 
+		height: 24rpx;
 
+		margin-top: 8rpx;
 
+	}
 
+	.mainLine{
 
+		display: flex;
 
+		
+		border-bottom: 1px solid #EEEEEE;
 
+		padding: 29rpx 24rpx;
 
+	}
 
+	.lineName{
 
+		font-size: 26rpx;
 
+		font-family: PingFangSC-Regular, PingFang SC;
 
+		font-weight: 500;
 
+		color: #333333;
 
+		line-height: 40rpx;
 
+		width: 570rpx;
 
+		word-wrap: break-word; /*强制换行*/
 
+		  overflow: hidden; /*超出隐藏*/
 
+		  text-overflow: ellipsis;/*隐藏后添加省略号*/
 
+		  white-space: nowrap;/*强制不换行*/
 
+	}
 
+	.lineIMg{
 
+		width: 110rpx;height: 110rpx;
 
+	}
 
+	.lineRIght{
 
+		padding-left: 20rpx;
 
+	}
 
+	.lineBm{
 
+		font-size: 24rpx;
 
+		font-family: PingFangSC-Regular, PingFang SC;
 
+		font-weight: 400;
 
+		color: #999999;
 
+		padding: 10rpx 0;
 
+	}
 
+	.linejs{
 
+		font-size: 24rpx;
 
+		font-family: PingFangSC-Regular, PingFang SC;
 
+		font-weight: 400;
 
+		color: #999999;
 
+		width: 570rpx;
 
+		word-wrap: break-word; /*强制换行*/
 
+		  overflow: hidden; /*超出隐藏*/
 
+		  text-overflow: ellipsis;/*隐藏后添加省略号*/
 
+		  white-space: nowrap;/*强制不换行*/
 
+	}
 
+</style>

+ 28 - 0
pages/pc/index.vue
View File 

@@ -0,0 +1,28 @@
 
+<template>
 
+	<view class="content">
 
+		<image class="logo" src="/static/logo.png"></image>
 
+		<view class="text-area">
 
+			<text class="title">{{title}}</text>
 
+		</view>
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+           
+		},
 
+		methods: {
 
+
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+	
+</style>

BIN
static/img/icon_arrow_blue_l@2x.png
View File


BIN
static/img/icon_arrow_blue_r@2x.png
View File


BIN
static/img/icon_camera.png
View File


BIN
static/img/icon_delete.png
View File


BIN
static/img/icon_fangda@2x.png
View File


BIN
static/img/icon_search.png
View File


BIN
static/img/jt.png
View File


BIN
static/img/nocar.png
View File


BIN
static/logo.png
View File


+ 76 - 0
uni.scss
View File 

@@ -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;

+ 10 - 0
utils/pc.js
View File 

@@ -0,0 +1,10 @@
 
+(function (){
 
+	var u = navigator.userAgent,
 
+		w = window.innerWidth;
 
+	if (!u.match(/AppleWebKit.*Mobile.*/) || u.indexOf('iPad') > -1) {
 
+		window.innerWidth = 750*(w / 1920);
 
+		window.onload = function() {
 
+			window.innerWidth = w;
 
+		}
 
+	}
 
+})();