@alu008/test_yuanqikaixiang 1.0.0

package/components/header/header.vue

@@ -0,0 +1,92 @@
+<template>
+  <view>
+    <view
+      class="header"
+      :style="{
+        paddingTop: statusBarHeight + 'px',
+      }"
+    >
+      <view>
+        <view @click="backPage" class="back">
+          <image src="https://img.shinemang.com/static/img/back.png" mode="scaleToFill" />
+        </view>
+        <text>{{ title }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { navagatorBack, isMTVapp } from "@/utils";
+
+export default {
+  props: {
+    index: {
+      type: Boolean,
+      default: false,
+    },
+    title: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      statusBarHeight: uni.getStorageSync("safeTop")
+        ? Number(uni.getStorageSync("safeTop"))
+        : 0,
+    };
+  },
+  methods: {
+    backPage() {
+      if (this.index) {
+        MgtvApi.closeWebView();
+      } else {
+        navagatorBack();
+      }
+    },
+  },
+  onReady() {},
+  mounted() {
+    this.$nextTick(() => {
+      setTimeout(() => {
+       this.statusBarHeight = uni.getStorageSync("safeTop")
+      }, 400);
+    });
+  },
+  created() {},
+};
+</script>
+
+<style lang="less" scoped>
+.header {
+  > view {
+    height: 44px;
+    width: 100%;
+    background-color: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 44px;
+    font-size: 36rpx;
+    color: #000;
+    font-weight: 600;
+    position: relative;
+
+    .back {
+      width: 44px;
+      height: 44px;
+      position: absolute;
+      top: 0;
+      left: 32rpx;
+      display: flex;
+      align-items: center;
+      line-height: 44px;
+      image {
+        width: 48rpx;
+        height: 48rpx;
+      }
+    }
+  }
+}
+</style>

package/components/selectAddress/selectAddress.vue

@@ -0,0 +1,156 @@
+
+<template>
+ <view class="input" type="text" placeholder="请选择地区">
+				<picker class="pickerList" mode="multiSelector" 
+				:range="newProvinceDataList" 
+				:value="multiIndex" 
+				@change="pickerChange" 
+				@columnchange="pickerColumnchange">
+					<!-- <view>{{provinceDataList[0].name}}--{{provinceDataList[0].city[0].name}}--{{provinceDataList[0].city[0].area[0]}}</view> -->
+					<view v-if="select" class="address">{{select}}</view>
+                    <view v-else class="address" style="color: #999999;">请选择地区</view>
+
+				</picker>
+	</view>
+
+</template>
+
+<script>
+import provinceData from '@/utils/addressData';
+	export default {
+        props: {
+            defaultLocation:{
+                type: String,
+                default: ''
+            }
+        },
+		data() {
+			return {
+				oldpProvinceDataList: provinceData.data,
+				newProvinceDataList:[
+					[],[],[]
+				],
+				multiIndex: [0, 0, 0],
+				select:'',
+				
+				addressData:{
+					name:'',
+					phone:'',
+					address:''
+				},
+				binhao:'1'
+			}
+		},
+		created(){
+            if(this.defaultLocation){
+                this.select = this.defaultLocation
+            }
+			// console.log(this.oldpProvinceDataList);
+			for(let i=0; i<this.oldpProvinceDataList.length; i++){
+				// console.log(this.oldpProvinceDataList[i].name);
+				this.newProvinceDataList[0].push(this.oldpProvinceDataList[i].name);
+			}
+			for(let i=0; i<this.oldpProvinceDataList[0].city.length; i++){
+				// console.log(this.oldpProvinceDataList[0].city[i].name)
+				this.newProvinceDataList[1].push(this.oldpProvinceDataList[0].city[i].name);
+			}
+			for(let i=0; i<this.oldpProvinceDataList[0].city[0].area.length; i++){
+				// console.log(this.oldpProvinceDataList[0].city[0].area)
+				this.newProvinceDataList[2].push(this.oldpProvinceDataList[0].city[0].area[i]);
+			}
+			// console.log(this.newProvinceDataList)
+		},
+		methods: {
+			// 省市区确认事件
+			pickerChange(e){
+				this.multiIndex = e.detail.value;
+				// 数组内的下标
+				// console.log(this.multiIndex);
+				// 获取省
+				// console.log(this.newProvinceDataList[0][this.multiIndex[0]])
+				// 获取市
+				// console.log(this.newProvinceDataList[1][this.multiIndex[1]])
+				// 获取区
+				// console.log(this.newProvinceDataList[2][this.multiIndex[2]])
+
+
+				this.select = `${this.newProvinceDataList[0][this.multiIndex[0]]} ${this.newProvinceDataList[1][this.multiIndex[1]]} ${this.newProvinceDataList[2][this.multiIndex[2]]}`
+
+                  this.$emit("changeLocation", {
+                    location: [this.newProvinceDataList[0][this.multiIndex[0]], this.newProvinceDataList[1][this.multiIndex[1]], this.newProvinceDataList[2][this.multiIndex[2]]],
+                });
+			},
+			pickerColumnchange(e){
+				// 第几列滑动
+				// console.log(e.detail.column);
+				// 第几列滑动的下标
+				// console.log(e.detail.value)
+				// 第一列滑动
+				if(e.detail.column === 0){
+					this.multiIndex[0] =  e.detail.value
+					// console.log('第一列滑动');
+					// this.newProvinceDataList[1] = [];
+						this.multiIndex.splice(1, 1, 0)
+					this.multiIndex.splice(2, 1, 0)
+					this.newProvinceDataList[1] = this.oldpProvinceDataList[this.multiIndex[0]].city.map((item,index)=>{
+						// console.log(item)
+						return item.name
+					})
+					// console.log(this.multiIndex)
+					if(this.oldpProvinceDataList[this.multiIndex[0]].city.length === 1){
+						this.newProvinceDataList[2] = this.oldpProvinceDataList[this.multiIndex[0]].city[0].area.map((item,index)=>{
+							// console.log(item)
+							return item
+						})
+					}else{
+						this.newProvinceDataList[2] = this.oldpProvinceDataList[this.multiIndex[0]].city[this.multiIndex[1]].area.map((item,index)=>{
+							// console.log(item)
+							return item
+						})
+					}
+					// 第一列滑动  第二列 和第三列 都变为第一个
+				
+				}
+				// 第二列滑动
+				if(e.detail.column === 1){
+					this.multiIndex[1] =  e.detail.value
+					this.multiIndex.splice(2, 1, 0)
+					// console.log('第二列滑动');
+					// console.log(this.multiIndex)
+					this.newProvinceDataList[2] = this.oldpProvinceDataList[this.multiIndex[0]].city[this.multiIndex[1]].area.map((item,index)=>{
+						// console.log(item)
+						return item
+					})
+					// 第二列 滑动 第三列 变成第一个
+					
+				}
+				// 第三列滑动
+				if(e.detail.column === 2){
+					this.multiIndex[2] =  e.detail.value
+					// console.log('第三列滑动')
+					// console.log(this.multiIndex)
+				}
+			}
+			
+		}
+	}
+</script>
+
+<style lang="less" >
+    .pickerList{
+        z-index: 9999999;
+    }
+  .input{
+     height: 80rpx;
+     margin-top: 20rpx;
+     .address{
+        height: 80rpx;
+        display: flex;
+        align-items: center;
+         font-size: 28rpx;
+     }
+  }
+  .pickerList{
+    z-index: 99999999;
+  }
+</style>

package/components/signDetail/signDetail.vue

@@ -0,0 +1,33 @@
+
+<template>
+    <view>
+        
+    </view>
+</template>
+<script>
+export default {
+    props: {
+       value: {
+           type: Object,
+           default: {}
+       }
+    },
+    created() {
+    },
+    data() {
+        return {
+            // afterTop: -20, //-60 满，40 空
+            // stars: null,
+        };
+    },
+    computed: {},
+    mounted() {
+      
+    },
+    methods: {
+    },
+};
+</script>
+<style lang='scss' scoped>
+
+</style>

package/components/skeleton/skeleton.vue

@@ -0,0 +1,62 @@
+<template>
+  <view :style="{width:width,height:height,borderRadius:borderRadius,marginTop:marginTop,marginLeft:marginLeft}" class="skeletonStyle"> </view>
+</template>
+
+<script>
+export default {
+  props: {
+    // 登录组件是否需要检查手机号码
+    width: {
+     type: String,
+     default: '100%',
+     
+    },
+    height:{
+      type: String,
+      default: '100%',
+    },
+    borderRadius:{
+      type: String,
+      default: '0',
+    },
+    marginTop:{
+      type: String,
+      default: '0',
+    },
+    marginLeft:{
+      type: String,
+      default: '0',
+    }
+   
+  },
+  data() {
+    return {
+     
+    };
+  },
+  created() {
+   
+  },
+
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.skeletonStyle {
+  animation: skeletonAnimation 1.8s ease infinite;
+  background: linear-gradient(90deg, #f1f2f4 25%, #e6e6e6 37%, #f1f2f4 50%);
+  background-size: 400% 100%;
+
+  
+}
+
+@keyframes skeletonAnimation {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+</style>

package/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>

package/index.template.html

@@ -0,0 +1,35 @@
+
+
+
+
+<!DOCTYPE html>
+<html lang="zh-CN">
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<title>
+			<%= htmlWebpackPlugin.options.title %>
+		</title>
+		<link rel="shortcut icon" type="image/png" href="https://lego.mgtv.com/tpl/favicon.ico"/>  
+		<!-- Open Graph data -->
+		<!-- <meta property="og:title" content="Title Here" /> -->
+		<!-- <meta property="og:url" content="http://www.example.com/" /> -->
+		<!-- <meta property="og:image" content="http://example.com/image.jpg" /> -->
+		<!-- <meta property="og:description" content="Description Here" /> -->
+		<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>
+
+            <script src="https://club.mgtv.com/act/jssdk/mgtv-js-sdk-third-0.0.1.js"></script>
+          <script src="https://vipcdn.mgtv.com/jslib/vipsdk/vip-sdk.1.0.1.js"></script>
+		<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
+	</head>
+	<body>
+		<noscript>
+			<strong>Please enable JavaScript to continue.</strong>
+		</noscript>
+		<div id="app"></div>
+		<!-- built files will be auto injected -->
+	</body>
+</html>

package/jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}

package/main.js

@@ -0,0 +1,48 @@
+
+import en from './Local/en.json'
+import zhHans from './Local/zh-Hans.json'
+import zhHant from './Local/zh-Hant.json'
+import indian from './Local/indian.json'
+
+const messages = {
+  en,
+  'zh-Hans': zhHans,
+  'zh-Hant': zhHant,
+  'indian':indian
+}
+let i18nConfig = {
+  locale:'en',// 获取已设置的语言
+  messages
+}
+
+
+
+
+import App from './App'
+import VueI18n from 'vue-i18n'
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+import uView from "uview-ui";
+Vue.use(VueI18n)
+const i18n = new VueI18n(i18nConfig)
+
+Vue.use(uView);
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+    i18n,
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+  return {
+    app
+  }
+}
+// #endif

package/manifest.json

@@ -0,0 +1,159 @@
+{
+    "name" : "集好运赢入场券",
+    "appid" : "__UNI__33AFFD7",
+    "description" : "",
+    "versionName" : "1.0.2",
+    "versionCode" : "102",
+    "transformPx" : false,
+    "sassImplementationName" : "node-sass",
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {
+            "Camera" : {}
+        },
+        /* 应用发布信息 */
+        "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\"/>"
+                ],
+                "minSdkVersion" : 21
+            },
+            /* ios打包配置 */
+            "ios" : {
+                "dSYMs" : false,
+                "privacyDescription" : {
+                    "NSPhotoLibraryUsageDescription" : "编辑个人头像时从相册中获取图片作为头像",
+                    "NSCameraUsageDescription" : "编辑个人头像时用相机拍摄照片作为头像"
+                }
+            },
+            /* SDK配置 */
+            "sdkConfigs" : {
+                "oauth" : {
+                    "weixin" : {
+                        "appid" : "",
+                        "UniversalLinks" : ""
+                    }
+                },
+                "payment" : {},
+                "share" : {
+                    "weixin" : {
+                        "appid" : "",
+                        "UniversalLinks" : ""
+                    }
+                }
+            },
+            "icons" : {
+                "android" : {
+                    "hdpi" : "unpackage/res/icons/72x72.png",
+                    "xhdpi" : "unpackage/res/icons/96x96.png",
+                    "xxhdpi" : "unpackage/res/icons/144x144.png",
+                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
+                },
+                "ios" : {
+                    "appstore" : "unpackage/res/icons/1024x1024.png",
+                    "ipad" : {
+                        "app" : "unpackage/res/icons/76x76.png",
+                        "app@2x" : "unpackage/res/icons/152x152.png",
+                        "notification" : "unpackage/res/icons/20x20.png",
+                        "notification@2x" : "unpackage/res/icons/40x40.png",
+                        "proapp@2x" : "unpackage/res/icons/167x167.png",
+                        "settings" : "unpackage/res/icons/29x29.png",
+                        "settings@2x" : "unpackage/res/icons/58x58.png",
+                        "spotlight" : "unpackage/res/icons/40x40.png",
+                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
+                    },
+                    "iphone" : {
+                        "app@2x" : "unpackage/res/icons/120x120.png",
+                        "app@3x" : "unpackage/res/icons/180x180.png",
+                        "notification@2x" : "unpackage/res/icons/40x40.png",
+                        "notification@3x" : "unpackage/res/icons/60x60.png",
+                        "settings@2x" : "unpackage/res/icons/58x58.png",
+                        "settings@3x" : "unpackage/res/icons/87x87.png",
+                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
+                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
+                    }
+                }
+            },
+            "splashscreen" : {
+                "useOriginalMsgbox" : true
+            }
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false,
+            "minified" : true
+        },
+        "usingComponents" : true,
+        "optimization" : {
+            "subPackages" : true
+        },
+        "unipush" : {
+            "enable" : false
+        }
+    },
+    // "permission" : {
+    //     "scope.address" : {
+    //         "desc" : "获取收货地址用于发货"
+    //     }
+    // },
+    // "requiredPrivateInfos" : [ "chooseAddress" ]
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "2",
+    // 渠道包配置
+    "channel_list" : [],
+    "locale" : "zh-Hans",
+    "h5" : {
+        "publicPath" : "./",
+        "router" : {
+            "base" : "./",
+            "mode" : "hash"
+        },
+        "template" : "index.template.html",
+        "devServer" : {
+            "disableHostCheck" : true
+        },
+        "title" : "集好运赢入场券"
+    }
+}

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name":"@alu008/test_yuanqikaixiang",
+  "version":"1.0.0",
+  "main":"main.js",
+  "private": false,
+  "dependencies": {
+    "bignumber.js": "^9.3.1",
+    "html2canvas": "^1.4.1",
+    "lottie-miniprogram": "^1.0.12",
+    "qrcode": "^1.5.4",
+    "uview-ui": "2.0.38",
+    "vue-i18n": "8"
+  }
+}