Home Explore Help
Register Sign In
wangqianqian
/
product
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

init

wqq 1 year ago
commit
6c3a05bbc5
24 changed files with 355 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. 25 0
      pages.json
  6. 85 0
      pages/detail/detail.vue
  7. 36 0
      pages/index/index.vue
  8. BIN
      static/img/back.png
  9. BIN
      static/img/title.png
  10. BIN
      static/img/top.png
  11. 76 0
      uni.scss
  12. 0 0
      unpackage/dist/build/.automator/h5/.automator.json
  13. BIN
      unpackage/dist/build/h5.rar
  14. 2 0
      unpackage/dist/build/h5/index.html
  15. BIN
      unpackage/dist/build/h5/static/img/back.png
  16. BIN
      unpackage/dist/build/h5/static/img/title.e9041670.png
  17. BIN
      unpackage/dist/build/h5/static/img/title.png
  18. BIN
      unpackage/dist/build/h5/static/img/top.217d03c6.png
  19. BIN
      unpackage/dist/build/h5/static/img/top.png
  20. 0 0
      unpackage/dist/build/h5/static/index.5841170f.css
  21. 0 0
      unpackage/dist/build/h5/static/js/chunk-vendors.540518b2.js
  22. 0 0
      unpackage/dist/build/h5/static/js/index.cb46d89f.js
  23. 0 0
      unpackage/dist/build/h5/static/js/pages-detail-detail.7fad51af.js
  24. 1 0
      unpackage/dist/build/h5/static/js/pages-index-index.43df5a94.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" : "product",
 
+    "appid" : "__UNI__E3787FE",
 
+    "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"
 
+}

+ 25 - 0
pages.json
View File 

@@ -0,0 +1,25 @@
 
+{
 
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+		{
 
+			"path": "pages/index/index",
 
+			"style": {
 
+				"navigationBarTitleText": "大卫博士产品介绍"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/detail/detail",
 
+			"style": {
 
+				"navigationBarTitleText": "",
 
+				"navigationStyle": "custom"
 
+			}
 
+		}
 
+	],
 
+	"globalStyle": {
 
+		"navigationBarTextStyle": "black",
 
+		"navigationBarTitleText": "uni-app",
 
+		"navigationBarBackgroundColor": "#F8F8F8",
 
+		"backgroundColor": "#F8F8F8",
 
+		"navigationStyle":"custom"
 
+	},
 
+	"uniIdRouter": {}
 
+}

+ 85 - 0
pages/detail/detail.vue
View File 

@@ -0,0 +1,85 @@
 
+<template>
 
+	<view class="detail">
 
+		<img src="../../static/img/back.png" alt="" class="back" @click="goBack()">
 
+		<img src="../../static/img/top.png" alt="" class="top">
 
+		<view class="bottom">
 
+			<view class='title_box'>
 
+				<img src="../../static/img/title.png" alt="" class="title_img">
 
+			</view>
 
+			<view class="content">
 
+				<img src="https://image.chuliu.cc/jingzhuangdetail.jpg" alt="" v-if="idx==0">
 
+				<img src="https://image.chuliu.cc/gaoyaodetail.jpg" alt="" v-if="idx==1">
 
+				<img src="https://image.chuliu.cc/qingchundetail.jpg" alt="" v-if="idx==2">
 
+			</view>
 
+
 
+		</view>
 
+
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				idx: ''
 
+			}
 
+		},
 
+		methods: {
 
+			goBack() {
 
+				uni.navigateBack()
 
+			}
 
+		},
 
+		onLoad(ops) {
 
+			this.idx = ops.idx
 
+		}
 
+	}
 
+</script>
 
+
 
+<style lang="scss">
 
+	.detail {
 
+		width: 100%;
 
+		height: 100%;
 
+		text-align: center;
 
+		position: relative;
 
+
 
+		.back {
 
+			position: fixed;
 
+			top: 42rpx;
 
+			left: 12rpx;
 
+		}
 
+
 
+		.top {
 
+			width: 100%;
 
+		}
 
+
 
+		.bottom {
 
+			width: 100%;
 
+			background: #cc120d;
 
+			padding: 50rpx 0;
 
+			margin-top: -50rpx;
 
+
 
+			.title_box {
 
+				width: 100%;
 
+				text-align: center;
 
+
 
+				.title_img {
 
+					width: 520rpx;
 
+				}
 
+			}
 
+
 
+			.content {
 
+				width: 100%;
 
+				margin: -40rpx auto 0;
 
+
 
+				img {
 
+					width: 690rpx;
 
+					border: 2rpx solid #F9FFC6;
 
+					border-radius: 35rpx;
 
+					padding: 10rpx;
 
+					background: #EB563E;
 
+					box-shadow: 10rpx 10rpx 5rpx #cc120d;
 
+				}
 
+			}
 
+		}
 
+	}
 
+</style>

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

@@ -0,0 +1,36 @@
 
+<template>
 
+	<view class="product">
 
+		<img src="http://image.chuliu.cc/jingzhuangprice.jpg" @click="toDetail(0)">
 
+		<img src="http://image.chuliu.cc/gaoyaoprice.jpg" @click="toDetail(1)">
 
+		<img src="http://image.chuliu.cc/qingchunprice.jpg" @click="toDetail(2)">
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {},
 
+		methods: {
 
+			toDetail(idx) {
 
+				uni.navigateTo({
 
+					url: '../detail/detail?idx=' + idx
 
+				});
 
+			}
 
+		}
 
+	}
 
+</script>
 
+
 
+<style>
 
+	.product {
 
+		width: 100%;
 
+		height: 100%;
 
+		text-align: center;
 
+
 
+	}
 
+
 
+	img {
 
+		width: 686rpx;
 
+		height: 360rpx;
 
+		border-radius: 16rpx;
 
+		margin-top: 24rpx;
 
+	}
 
+</style>

BIN
static/img/back.png
View File


BIN
static/img/title.png
View File


BIN
static/img/top.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;

+ 0 - 0
unpackage/dist/build/.automator/h5/.automator.json
View File


BIN
unpackage/dist/build/h5.rar
View File


+ 2 - 0
unpackage/dist/build/h5/index.html
View File 

@@ -0,0 +1,2 @@
 
+<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>product</title><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><link rel=stylesheet href=/static/index.5841170f.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.540518b2.js></script><script src=/static/js/index.cb46d89f.js></script></body></html>

BIN
unpackage/dist/build/h5/static/img/back.png
View File


BIN
unpackage/dist/build/h5/static/img/title.e9041670.png
View File


BIN
unpackage/dist/build/h5/static/img/title.png
View File


BIN
unpackage/dist/build/h5/static/img/top.217d03c6.png
View File


BIN
unpackage/dist/build/h5/static/img/top.png
View File


File diff suppressed because it is too large
+ 0 - 0
unpackage/dist/build/h5/static/index.5841170f.css


File diff suppressed because it is too large
+ 0 - 0
unpackage/dist/build/h5/static/js/chunk-vendors.540518b2.js


File diff suppressed because it is too large
+ 0 - 0
unpackage/dist/build/h5/static/js/index.cb46d89f.js


File diff suppressed because it is too large
+ 0 - 0
unpackage/dist/build/h5/static/js/pages-detail-detail.7fad51af.js


+ 1 - 0
unpackage/dist/build/h5/static/js/pages-index-index.43df5a94.js
View File 

@@ -0,0 +1 @@
 
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-index-index"],{1086:function(t,e,n){"use strict";n.r(e);var i=n("6d71"),c=n.n(i);for(var a in i)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return i[t]}))}(a);e["default"]=c.a},"68d6":function(t,e,n){"use strict";var i=n("cb99"),c=n.n(i);c.a},"6d71":function(t,e,n){"use strict";n("7a82"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={data:function(){},methods:{toDetail:function(t){uni.navigateTo({url:"../detail/detail?idx="+t})}}};e.default=i},abb1:function(t,e,n){"use strict";n.d(e,"b",(function(){return i})),n.d(e,"c",(function(){return c})),n.d(e,"a",(function(){}));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"product"},[n("img",{attrs:{src:"http://image.chuliu.cc/jingzhuangprice.jpg"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.toDetail(0)}}}),n("img",{attrs:{src:"http://image.chuliu.cc/gaoyaoprice.jpg"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.toDetail(1)}}}),n("img",{attrs:{src:"http://image.chuliu.cc/qingchunprice.jpg"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.toDetail(2)}}})])},c=[]},b55c:function(t,e,n){var i=n("24fb");e=i(!1),e.push([t.i,".product[data-v-c2eece08]{width:100%;height:100%;text-align:center}img[data-v-c2eece08]{width:%?686?%;height:%?360?%;border-radius:%?16?%;margin-top:%?24?%}",""]),t.exports=e},cb99:function(t,e,n){var i=n("b55c");i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var c=n("4f06").default;c("36dfd1ec",i,!0,{sourceMap:!1,shadowMode:!1})},fe52:function(t,e,n){"use strict";n.r(e);var i=n("abb1"),c=n("1086");for(var a in c)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return c[t]}))}(a);n("68d6");var u=n("f0c5"),r=Object(u["a"])(c["default"],i["b"],i["c"],!1,null,"c2eece08",null,!1,i["a"],void 0);e["default"]=r.exports}}]);

Some files were not shown because too many files changed in this diff