congzc 1 year ago
parent
commit
9ac04e8552
4 changed files with 210 additions and 43 deletions
  1. +38
    -36
      src/manifest.json
  2. +12
    -6
      src/pages.json
  3. +1
    -1
      src/pages/index/index.vue
  4. +159
    -0
      src/pages/lookPhoto/index.vue

+ 38
- 36
src/manifest.json View File

@@ -1,28 +1,28 @@
{
"name" : "",
"appid" : "",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
"name": "",
"appid": "",
"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
"app-plus": {
"usingComponents": true,
"nvueStyleCompiler": "uni-app",
"compilerVersion": 3,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
/* 模块配置 */
"modules" : {},
"modules": {},
/* 应用发布信息 */
"distribute" : {
"distribute": {
/* android打包配置 */
"android" : {
"permissions" : [
"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\"/>",
@@ -41,32 +41,34 @@
]
},
/* ios打包配置 */
"ios" : {},
"ios": {},
/* SDK配置 */
"sdkConfigs" : {}
"sdkConfigs": {}
}
},
/* 快应用特有相关 */
"quickapp" : {},
"quickapp": {},
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wx75cf14e3a0d45821",
"setting" : {
"urlCheck" : false
"mp-weixin": {
"appid": "wx75cf14e3a0d45821",
"setting": {
"urlCheck": false,
"ignoreDevUnusedFiles": false,
"ignoreUploadUnusedFiles": false
},
"usingComponents" : true
"usingComponents": true
},
"mp-alipay" : {
"usingComponents" : true
"mp-alipay": {
"usingComponents": true
},
"mp-baidu" : {
"usingComponents" : true
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao" : {
"usingComponents" : true
"mp-toutiao": {
"usingComponents": true
},
"uniStatistics": {
"uniStatistics": {
"enable": false
},
"vueVersion" : "3"
}
"vueVersion": "3"
}

+ 12
- 6
src/pages.json View File

@@ -3,38 +3,44 @@
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "慧拍"
"navigationBarTitleText": "智像"
}
},
{
"path": "pages/uploadPhoto/uploadPhoto",
"style": {
"navigationBarTitleText": "慧拍"
"navigationBarTitleText": "智像"
}
},
{
"path": "pages/closeStyle/closeStyle",
"style": {
"navigationBarTitleText": "慧拍"
"navigationBarTitleText": "智像"
}
},
{
"path": "pages/closeStyle/goCreatePhoto",
"style": {
"navigationBarTitleText": "慧拍"
"navigationBarTitleText": "智像"
}
},
{
"path": "pages/createing/index",
"style": {
"navigationBarTitleText": "慧拍"
"navigationBarTitleText": "智像"
}
},
{
"path": "pages/lookPhoto/index",
"style": {
"navigationBarTitleText": "智像"
}
},
{
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "慧拍"
"navigationBarTitleText": "智像"
}
},
{


+ 1
- 1
src/pages/index/index.vue View File

@@ -38,7 +38,7 @@ import { voiceTotalApi } from "../../api/login.js";
const checkboxValue1 = ref([]);
const checkboxList1 = reactive([
{
name: "同意慧图相机用户使用协议",
name: "同意智像相机用户使用协议",
disabled: false,
},
]);


+ 159
- 0
src/pages/lookPhoto/index.vue View File

@@ -0,0 +1,159 @@
<template>
<view class="page">
<!-- 轮播图 -->
<u-swiper
indicatorMode="line"
:list="swiperList"
@change=""
@click="click"
></u-swiper>
<!-- 底部 -->
<view class="bottomBox">
<text class="balance">金币余额:&nbsp;&nbsp;30</text>
<up-button
type="primary"
text="下载照片"
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
@click=""
></up-button>
<view class="btnBox">
<up-button
type="primary"
text="分享"
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
open-type="share"
@click="share"
></up-button>
<up-button
type="primary"
text="邀请好友"
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
open-type="share"
@click="inviteFriend"
></up-button>
<up-button
type="primary"
text="购买金币"
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
@click="bueCoin"
></up-button>
</view>
</view>
</view>
</template>
<script setup>
//#region 导入
import { ref, reactive } from "vue";
//#endregion
//#region 轮播图
const swiperList = ref([
"https://uiadmin.net/uview-plus/common/logo.png",
"../../assets/img/img1.jpg",
"https://uiadmin.net/uview-plus/common/logo.png",
"../../assets/img/img1.jpg",
]);
//#endregion ---------------------
//#region 分享
function share() {
uni.share({
provider: "weixin", //分享服务提供商(即weixin|qq|sinaweibo)
scene: "WXSenceTimeline", //WXSceneSession(分享到聊天界面)、WXSenceTimeline(分享到朋友圈)、WXSceneFavorite(分享到微信收藏)
type: 5,
title: "分享到朋友圈",
summary: "分享描述",
href: "www.baidu.com", //分享跳转地址
imageUrl: "../static/lovehot.png", //分享图片路径(必须是线上可访问图片)
miniProgram: {
id: "wx75cf14e3a0d45821",
path: "pages/index/index",
type: 0,
webUrl: "",
},
success: function (res) {
// console.log("success:" + JSON.stringify(res));
},
fail: function (err) {
// console.log("fail:" + JSON.stringify(err));
},
});
}
function inviteFriend() {
uni.share({
provider: "weixin", //分享服务提供商(即weixin|qq|sinaweibo)
scene: "WXSceneSession", //WXSceneSession(分享到聊天界面)、WXSenceTimeline(分享到朋友圈)、WXSceneFavorite(分享到微信收藏)
type: 5,
title: "分享给好友",
summary: "分享描述",
href: "www.baidu.com", //分享跳转地址
imageUrl: "../static/lovehot.png", //分享图片路径(必须是线上可访问图片)
miniProgram: {
id: "gwx75cf14e3a0d45821",
path: "pages/index/index",
type: 0,
webUrl: "",
},
success: function (res) {
// console.log("success:" + JSON.stringify(res));
},
fail: function (err) {
// console.log("fail:" + JSON.stringify(err));
},
});
}
//#endregion ---------------------
//#region 页面跳转
function bueCoin() {
uni.navigateTo({
url: "/pages/home/buyCoin",
});
}
//#endregion ---------------------
//#region
//#endregion ---------------------
</script>
<style lang="scss">
.u-swiper {
width: 90%;
height: 800rpx !important;
swiper {
width: 100%;
height: 700rpx !important;
image {
width: 100%;
height: 700rpx !important;
}
}
}
.bottomBox {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.balance {
margin-top: 30rpx;
font-size: 40rpx;
margin-bottom: 50rpx;
}
button {
width: 60% !important;
}
.btnBox {
margin-top: 90rpx;
width: 100%;
display: flex;
justify-content: space-between;
button {
width: 30% !important;
}
}
}
</style>

Loading…
Cancel
Save