app分享

提建议

src/pages.json

@@ -27,7 +27,28 @@
 				"navigationStyle": "default",
 				"navigationBarBackgroundColor": "#F1F1F1"
 			}
+		}, {
+			"path": "pages/center/suggest",
+			"aliasPath": "/center/suggest",
+			"name": "center_suggest",
+			"style": {
+				"navigationBarTitleText": "提建议",
+				"navigationStyle": "default",
+				"navigationBarBackgroundColor": "#F1F1F1",
+				"backgroundColorBottom":"#007AFF"
+			}
 		}, 
+		{
+			"path": "pages/center/share",
+			"aliasPath": "/center/share",
+			"name": "center_share",
+			"style": {
+				"navigationBarTitleText": "APP分享",
+				"navigationStyle": "default",
+				"navigationBarBackgroundColor": "#F1F1F1",
+				"backgroundColorBottom":"#007AFF"
+			}
+		},
 		{
 			"path": "pages/auth/login",
 			"aliasPath": "/login",
@@ -60,8 +81,8 @@
 		"navigationStyle": "",
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "一定牛彩店",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"navigationBarBackgroundColor": "#F1F1F1",
+		"backgroundColor": "#F1F1F1"
 	},
 	"tabBar": {
 		"color": "#7A7E83",

src/pages/center/index.vue

@@ -32,14 +32,14 @@
 						to: ''
 					}, {
 						name: '分享给好友',
-						to: ''
+						to: '/center/share'
 					}],
 					[{
 						name: '联系客服',
 						to: ''
 					}, {
 						name: '提建议',
-						to: ''
+						to: '/center/suggest'
 					}, {
 						name: '缓存清理',
 						to: ''

src/pages/center/share.vue

+<template>
+	<view>
+		<view class="page-content">
+			<image mode="widthFix" :src="src"></image>
+		</view>
+		<view class="page-tabbar">
+			<view class="page-tabbar-tip red" @click="save">保存海报去分享</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				src: 'https://img2.ydniu.com/app/cd/202204122204/%E5%BF%AB%E4%B9%908%E5%9F%BA%E6%9C%AC%E8%B5%B0%E5%8A%BF%E5%9B%BE.png'
+			}
+		},
+		async onLoad(e) {},
+		methods: {
+			save() {
+				//#ifdef H5
+				try {
+					if (Android) {
+						Android.save2Album(this.src)
+					}
+				} catch (e) {
+					const $h5 = require('@/static/js/h5-utils.js')
+					$h5.downloadIamge(this.src)
+				}
+				//#endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.page-content {
+		width: 80vw;
+		padding: 10px 5vw 44px 5vw;
+	}
+
+	.page-content image {
+		width: 90vw;
+	}
+
+	.page-tabbar {
+		display: flex;
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		height: 44px;
+		background-color: #F8F8F8;
+		justify-content: space-around;
+		font-size: 16px;
+		color: #333333;
+	}
+
+	.page-tabbar-tip {
+		width: 33vw;
+		height: 44px;
+		line-height: 44px;
+		text-align: center;
+		color: #E34439;
+	}
+</style>

src/pages/center/suggest.vue

+<template>
+	<view class="page">
+		<textarea class="textarea" v-model="txt" placeholder="可以提出您想实现的彩店功能、或者对现有产品的改进"></textarea>
+		<button type="default" class="btn" @click="save">提交</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				txt: ''
+			}
+		},
+		async onLoad(e) {
+			// const res = await uni.$u.request.graphql({
+			// 	name: 'lottery_shop_get_my_shop_info'
+			// })
+		},
+		methods: {
+			save(){
+				uni.showToast({
+					title:'接口未实现'
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	body {
+		max-width: 769px;
+		-webkit-tap-highlight-color: transparent;
+		box-shadow: 0 2px 2px rgb(0 0 0 / 30%);
+	}
+
+	.page {
+		width: 100vw;
+		height: 100vh;
+		background-color: #F1F1F1;
+		font-size: 14px;
+	}
+
+	.textarea {
+		width: calc(100vw - 20px);
+		padding: 10px;
+		min-height: 150px;
+		background-color: #FFFFFF;
+	}
+
+	.btn {
+		height: 44px;
+		margin: 20px 10px;
+		background-color: #D23338;
+		color: #FFFFFF;
+	}
+</style>