This commit is contained in:
itgaojian163 2025-03-21 18:05:54 +08:00
parent 30cdf6966f
commit 7c7d85373d
32 changed files with 1135 additions and 233 deletions

View File

@ -3,13 +3,28 @@
"pages/login/login",
"pages/index/index",
"pages/treaty/privacy/privacy",
"pages/treaty/service/service"
"pages/treaty/service/service",
"pages/mine/mine",
"pages/copyright/create/create",
"pages/copyright/createBuy/createBuy"
],
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "AI喵著",
"navigationBarBackgroundColor": "#ffffff"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/mine/mine",
"text": "我的"
}
]
},
"style": "v2",
"componentFramework": "glass-easel",
"sitemapLocation": "sitemap.json",

101
app.wxss
View File

@ -1,16 +1,31 @@
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
/**自定义CheckBox**/
page {
background-color: white;
}
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
/* 自定义导航栏容器 */
.custom-navbar {
display: flex;
align-items: center;
padding-left: 16px;
padding-right: 16px;
background-color: #ffffff;
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05);
}
/* 标题 */
.navbar-title {
font-size: 18px;
font-weight: bold;
color: #000000;
}
/**自定义CheckBox**/
wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important;
background-color: #3F72FF;
@ -37,4 +52,68 @@ wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
font-size: 36rpx;
}
/***End***/
/***End***/
.mt-10 {
margin-top: 10rpx;
}
.mt-20 {
margin-top: 20rpx;
}
.mr-10 {
margin-right: 10rpx;
}
.ml-10 {
margin-left: 10rpx;
}
.mb-10 {
margin-bottom: 10rpx;
}
.mb-20 {
margin-bottom: 20rpx;
}
.mt-40 {
margin-top: 40rpx;
}
.mr-40 {
margin-right: 40rpx;
}
.ml-40 {
margin-left: 40rpx;
}
.mb-40 {
margin-bottom: 40rpx;
}
.mg {
margin: 10rpx;
}
.pd {
padding: 10rpx;
}
.divider-v {
margin-top: 5rpx;
width: 90%;
height: 3rpx;
background-color: #F0F0F0;
align-self: center;
}
.divider-v-100 {
height: 1rpx;
background-color: #F0F0F0;
width: 100%;
}

View File

@ -1,18 +1,28 @@
import {
request
} from "../http";
// 管理地址
// 公共API
const apiPath = {
investDetail: "/news-content/listpage?rows=1&page=1", //投资优势
servicePrivacy: "app/agreementportal/getrelease/93679af4-e264-4d1c-bd49-538028daa95d"
doGetDealPrivacy: "/app/agreementportal/getrelease/",
serivceId: "68eee8f5-33d3-4246-aeee-a33956677101", //服务协议
privacyId: "93679af4-e264-4d1c-bd49-538028daa95d" //隐私条款
}
class CommonService {
static doGetInvestDetail(data) {
return request(apiPath.investDetail, "GET", data)
}
static doGetServicePrivacy() {
return request(apiPath.servicePrivacy, "GET", null)
static doGetPrivacy(data) {
var id = ""
switch (data) {
case "privacy":
id = apiPath.privacyId
break;
case "service":
id = apiPath.serivceId
break;
}
return request(apiPath.doGetDealPrivacy + id, "GET", null)
}
}

View File

@ -1,6 +1,6 @@
// 定义api服务地址
const baseUrl = 'https://www.xzszwhy.cn/daqi/app';
// const baseUrl = 'http://106.74.34.136:8084/daqi/app';
// const baseUrl = 'https://www.xzszwhy.cn/daqi/app';
const baseUrl = 'https://www.aimzhu.com/operator';
/**
* 传入请求参数返回Promise支持链试调用
* @param url 请求地址

View File

@ -0,0 +1,66 @@
// pages/copyright/create/create.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

View File

@ -0,0 +1,2 @@
<!--pages/copyright/create/create.wxml-->
<text>pages/copyright/create/create.wxml</text>

View File

@ -0,0 +1,19 @@
// pages/copyright/createBuy/createBuy.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
wx.setNavigationBarTitle({
title: '创建项目',
})
},
})

View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

View File

@ -0,0 +1,30 @@
<view class="buy-container">
<view class="buy-title"></view>
<!-- 全托管 -->
<view class="buy-all-box">
<view class="buy-all-title">
<view class="buy-all-txt">全托管</view>
<view class="buy-all-btn">购买</view>
</view>
<view class="buy-desc-box">
<view class="buy-desc-txt">从下单到取证,仅需提供基本信息,我们为您提供一站式管家服务.</view>
<view class="buy-desc-title">提供的服务</view>
<view class="buy-desc-item">
<view class="buy-desc-row">包可运行软件开发与搭建</view>
<view class="buy-desc-row">包鉴别材料撰写</view>
</view>
<view class="buy-desc-item">
<view class="buy-desc-row">包代办,包下证,包开发票提</view>
<view class="buy-desc-row">供可运行软件安装包</view>
</view>
<view class="buy-desc-item">
<view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" style="width: 28rpx;height: 28rpx;"></image>
<text>提供可运行软件云服务900天</text>
</view>
<view class="buy-desc-row">提供可运行软件演示视频</view>
</view>
<view>客服一对一服务</view>
</view>
</view>
</view>

View File

@ -0,0 +1,70 @@
/* pages/copyright/createBuy/createBuy.wxss */
page {
background-color: gray;
}
.buy-container {
display: flex;
flex-direction: column;
padding: 20rpx;
}
.buy-title {
height: 100rpx;
background-color: blanchedalmond;
}
.buy-all-box {
margin-top: 20rpx;
display: flex;
flex-direction: column;
padding: 20rpx;
border-radius: 10rpx;
background-color: white;
}
.buy-all-title {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.buy-all-txt {
font-size: 42rpx;
color: black;
font-weight: 500;
}
.buy-all-btn {
padding: 5rpx 20rpx;
background-color: gray;
}
.buy-desc-box {
display: flex;
flex-direction: column;
}
.buy-desc-txt {
font-size: 28rpx;
color: #3b3b3b;
}
.buy-desc-title {
font-size: 28rpx;
color: #3b3b3b;
}
.buy-desc-item {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.buy-desc-row {
display: flex;
flex-direction: row;
font-size: 28rpx;
align-items: center;
}

View File

@ -0,0 +1,23 @@
const utils = require("../../../utils/util")
Page({
data: {
items: ['项目 1', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 2', '项目 3', '项目 4', '项目 5', '项目 6', '项目 7', '项目 8', '项目 9', '项目 10'],
date: utils.formatDate(new Date()),
completeDate: utils.formatDate(new Date()), //开发完成时间
version: "v1.0", //系统版本
},
//系统版本
inputVersion(e) {
console.log(e.detail.value)
this.setData({
version: e.detail.value
})
},
//开发完成时间
bindDateChange(e) {
console.log(e)
this.setData({
completeDate: e.detail.value
})
}
})

View File

@ -0,0 +1,4 @@
{
"usingComponents": {}
}

View File

@ -0,0 +1,47 @@
<view class="create-container">
<view class="create-title"></view>
<view class="info-box">
<view class="info-title">项目信息</view>
<input class="info-value" placeholder="请输入系统全称(注:建议以'软件''平台''系统'等字眼结尾)" />
<view class="info-btn">推荐</view>
</view>
<view class="content-box">
<!-- 第一部分 -->
<view class="section">
<view class="item">
<view class="label">产权所属者</view>
<input class="desc" placeholder="请输入产权所属者" />
</view>
<view class="item">
<text class="label">产权联系人</text>
<input class="desc" placeholder="请选择/创建知识产权联系人" />
</view>
<view class="item">
<text class="label" style="flex: 1;">系统版本</text>
<input class="value" placeholder="v1.0" style="flex:1;" value="{{version}}" bindinput="inputVersion"/>
<text class="label" style="flex: 1;">系统语言</text>
<text class="value" style="flex: 1;">JAVA</text>
<text class="link" bindtap="selectSysLang">选择</text>
</view>
<view class="item">
<view class="label">开发完成时间</view>
<picker style="flex:1;" mode="date" value="{{date}}" start="2010-01-01" end="2050-01-01" bindchange="bindDateChange">
<view class="desc">{{completeDate}}</view>
</picker>
</view>
</view>
<!-- 第二部分 -->
<view class="section">
<view class="item" style="justify-content: space-between;">
<text class="label">套餐包</text>
<text class="value">暂无套餐包</text>
</view>
<view class="item">
<text class="label">优惠券</text>
<text class="desc">请选择优惠券</text>
<text class="link" bindtap="selectCoupon">选择</text>
</view>
</view>
</view>
</view>

View File

@ -0,0 +1,74 @@
.create-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 20rpx;
}
.create-title {
height: 80rpx;
background-color: blanchedalmond;
}
.info-box {
display: flex;
flex-direction: column;
margin-top: 20rpx;
}
.info-title {
font-size: 30rpx;
font-weight: 500;
}
.info-value {
margin-top: 10rpx;
border: 1rpx solid black;
padding: 20rpx;
font-size: 28rpx;
}
.info-btn {
align-self: flex-end;
background-color: #f2f2f2;
margin-top: 10rpx;
padding: 10rpx 40rpx;
border-radius: 10rpx;
}
.content-box {
margin-top: 20rpx;
}
.section {
border: 1px solid #ccc;
border-radius: 5rpx;
padding: 15rpx;
margin-bottom: 15rpx;
}
.item {
display: flex;
align-items: center;
margin-bottom: 10rpx;
padding: 20rpx 10rpx;
font-size: 28rpx;
}
.label {
color: black;
}
.desc {
flex: 1;
color: #999;
text-align: right;
}
.value {
color: #666;
}
.link {
color: #007AFF;
}

View File

@ -1,26 +1,27 @@
// index.js
import format from "../../utils/format"
const app = getApp()
const systemInfo = wx.getWindowInfo();
const statusBarHeight = systemInfo.statusBarHeight; // 状态栏高度
const navBarHeight = 44; // 导航栏高度iOS 为 44pxAndroid 为 48px
const windowHeight = systemInfo.windowHeight - navBarHeight - statusBarHeight; //可用内容高度
Page({
data: {
motto: 'Hello World',
userInfo: {
avatarUrl: '',
nickName: '',
},
isAdPopupVisible: false,
adImageUrl: ''
statusBarHeight: statusBarHeight,
navBarHeight: navBarHeight,
totalHeight: navBarHeight, // 导航栏总高度
contentHeight: windowHeight,
tabList: ["写材料", "全托管", "安装包", "演示视频", "加急", "提交版权中心", "已经下证"],
currentTab: "写材料"
},
onLoad(e) {
console.log(app)
this.setData({
adImageUrl: app.globalData.adImageUrl,
isAdPopupVisible: app.globalData.isAdPopupVisible
const info = wx.getWindowInfo()
const h = info.windowHeight - navBarHeight - statusBarHeight
console.log(h)
},
printInfo() {},
createCopy() {
wx.navigateTo({
url: '/pages/copyright/createBuy/createBuy',
})
},
printInfo() {
app.showAdPopup("https://ts1.tc.mm.bing.net/th/id/R-C.d88442788ee5a458d50e40f0a8cb1e05?rik=EoPp8GhejYeQfw&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fupload%2fupc%2ftx%2fwallpaper%2f1307%2f10%2fc2%2f23151595_1373424485102.jpg&ehk=J7xq%2f50bCmdD4jUXfnTlau2s5WiVsBxQArAjvJzqIo4%3d&risl=&pid=ImgRaw&r=0")
// const num = format.formatQuantity(19952)
// console.log(num)
},
}
})

View File

@ -1,4 +1,4 @@
{
"usingComponents": {
}
"usingComponents": {},
"navigationStyle": "custom"
}

View File

@ -1,7 +1,140 @@
<!--index.wxml-->
<scroll-view class="scrollarea" scroll-y type="list">
<view class="container">
<button bind:tap="printInfo">格式化</button>
<view class="custom-navbar" style="height: {{totalHeight}}px; padding-top: {{statusBarHeight}}px;justify-content: flex-start;">
<view class="navbar-title">AI喵著</view>
</view>
<view class="content-box">
<view class="container-title">
<view class="title-func">
<view class="create-btn" bind:tap="createCopy">
<text>+</text>
<text>创建软著</text>
</view>
<view class="buy-btn">充值</view>
</view>
<view class="notice-box">通知:你的软著已下证</view>
<view class="container-box">
<view class="list-title-box">
<view class="list-title-txt">软著列表</view>
<view class="list-title-btns">
<view>进行中的</view>
<view>已完成的</view>
</view>
</view>
<scroll-view scroll-x="{{true}}" class="mt-20">
<view class="list-tabs">
<block wx:for="{{tabList}}" wx:key="index">
<view class="{{currentTab==item? 'tab-select' :'tab-normal'}} item-margin" bind:tap="changeTab" data-id="{{item.newsDirectoriesId}}">
<text>{{item}}</text>
</view>
</block>
</view>
</scroll-view>
</view>
</view>
</scroll-view>
<ad-popup id="adPopup" imageUrl="{{adImageUrl}}" visible="{{isAdPopupVisible}}" bind:close="onAdPopupClose" />
<scroll-view scroll-y="{{true}}" style="height: {{contentHeight-185}}px;">
<view class="list-content">
<view class="list-item">
<view class="item-img">
<image src="https://img.ixintu.com/download/jpg/201911/e25b904bc42a74d7d77aed81e66d772c.jpg!con"></image>
<view class="item-img-status">状态</view>
</view>
<view class="item-content">
<view class="item-content-title">
<view class="project-name">项目名称</view>
<view class="project-status">状态</view>
</view>
<view class="project-aff">版权所属人</view>
<view class="project-btns">
<view class="project-create-time">创建时间</view>
<view class="project-btn">下载</view>
</view>
</view>
</view>
<view class="list-item">
<view class="item-img">
<image src="https://img.ixintu.com/download/jpg/201911/e25b904bc42a74d7d77aed81e66d772c.jpg!con"></image>
<view class="item-img-status">状态</view>
</view>
<view class="item-content">
<view class="item-content-title">
<view class="project-name">项目名称</view>
<view class="project-status">状态</view>
</view>
<view class="project-aff">版权所属人</view>
<view class="project-btns">
<view class="project-create-time">创建时间</view>
<view class="project-btn">下载</view>
</view>
</view>
</view>
<view class="list-item">
<view class="item-img">
<image src="https://img.ixintu.com/download/jpg/201911/e25b904bc42a74d7d77aed81e66d772c.jpg!con"></image>
<view class="item-img-status">状态</view>
</view>
<view class="item-content">
<view class="item-content-title">
<view class="project-name">项目名称</view>
<view class="project-status">状态</view>
</view>
<view class="project-aff">版权所属人</view>
<view class="project-btns">
<view class="project-create-time">创建时间</view>
<view class="project-btn">下载</view>
</view>
</view>
</view>
<view class="list-item">
<view class="item-img">
<image src="https://img.ixintu.com/download/jpg/201911/e25b904bc42a74d7d77aed81e66d772c.jpg!con"></image>
<view class="item-img-status">状态</view>
</view>
<view class="item-content">
<view class="item-content-title">
<view class="project-name">项目名称</view>
<view class="project-status">状态</view>
</view>
<view class="project-aff">版权所属人</view>
<view class="project-btns">
<view class="project-create-time">创建时间</view>
<view class="project-btn">下载</view>
</view>
</view>
</view>
<view class="list-item">
<view class="item-img">
<image src="https://img.ixintu.com/download/jpg/201911/e25b904bc42a74d7d77aed81e66d772c.jpg!con"></image>
<view class="item-img-status">状态</view>
</view>
<view class="item-content">
<view class="item-content-title">
<view class="project-name">项目名称</view>
<view class="project-status">状态</view>
</view>
<view class="project-aff">版权所属人</view>
<view class="project-btns">
<view class="project-create-time">创建时间</view>
<view class="project-btn">下载</view>
</view>
</view>
</view>
<view class="list-item">
<view class="item-img">
<image src="https://img.ixintu.com/download/jpg/201911/e25b904bc42a74d7d77aed81e66d772c.jpg!con"></image>
<view class="item-img-status">状态</view>
</view>
<view class="item-content">
<view class="item-content-title">
<view class="project-name">项目名称</view>
<view class="project-status">状态</view>
</view>
<view class="project-aff">版权所属人</view>
<view class="project-btns">
<view class="project-create-time">创建时间</view>
<view class="project-btn">下载</view>
</view>
</view>
</view>
</view>
</scroll-view>
</view>

View File

@ -1,62 +1,204 @@
/**index.wxss**/
page {
height: 100vh;
display: flex;
flex-direction: column;
}
.scrollarea {
flex: 1;
overflow-y: hidden;
.content-box {
display: flex;
flex-direction: column;
padding: 20rpx;
}
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
color: #aaa;
width: 80%;
.container-title {
display: flex;
flex-direction: column;
height: 170px;
}
.userinfo-avatar {
overflow: hidden;
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
.title-func {
display: flex;
flex-direction: row;
}
.usermotto {
margin-top: 200px;
.create-btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex: 2;
background-color: greenyellow;
}
.avatar-wrapper {
padding: 0;
width: 56px !important;
border-radius: 8px;
margin-top: 40px;
margin-bottom: 40px;
.buy-btn {
background-color: green;
flex: 1;
margin-left: 20rpx;
height: 100rpx;
justify-content: center;
align-items: center;
text-align: center;
line-height: 100rpx;
}
.avatar {
display: block;
width: 56px;
height: 56px;
.notice-box {
font-size: 26rpx;
background-color: lavender;
margin-top: 20rpx;
line-height: 60rpx;
padding: 10rpx 10rpx 10rpx 20rpx;
}
.nickname-wrapper {
display: flex;
width: 100%;
padding: 16px;
box-sizing: border-box;
border-top: .5px solid rgba(0, 0, 0, 0.1);
border-bottom: .5px solid rgba(0, 0, 0, 0.1);
color: black;
.container-box {
display: flex;
flex-direction: column;
margin-top: 20rpx;
}
.nickname-label {
width: 105px;
.list-title-box {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.nickname-input {
flex: 1;
.list-title-txt {
font-size: 30rpx;
color: black;
}
.list-title-btns {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.list-tabs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.tab-select {
font-size: 20rpx;
color: white;
background-color: #256742;
text-align: center;
background: #256742;
padding: 5rpx 15rpx;
white-space: nowrap;
}
.item-margin {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.item-margin:nth-of-type(n+2) {
margin-left: 20rpx;
}
.tab-normal {
font-size: 20rpx;
color: #3F3F3F;
background: #EAEAEA;
text-align: center;
padding: 5rpx 30rpx;
white-space: nowrap;
}
/* list */
.list-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-top: 20rpx;
}
.list-item {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #f7f7f7;
border-radius: 10rpx;
}
.list-item:nth-of-type(n+2) {
margin-top: 20rpx;
}
.item-img {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.item-img image {
width: 270rpx;
height: 200rpx;
}
.item-img-status {
background-color: #9A9A9A;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 270rpx;
}
.item-content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding: 10rpx 20rpx;
}
.item-content-title {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.project-name {
font-size: 30rpx;
color: black;
font-weight: 500;
}
.project-status {
font-size: 30rpx;
color: black;
font-weight: 200;
}
.item-content-title {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.project-aff {
display: flex;
flex-direction: column;
justify-content: flex-start;
font-size: 24rpx;
}
.project-btns {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.project-create-time {
font-size: 26rpx;
}
.project-btn {
font-size: 24rpx;
background-color: #929292;
color: white;
padding: 5rpx 20rpx 5rpx 20rpx;
border-radius: 5rpx;
}

View File

@ -37,20 +37,34 @@ Page({
});
},
doGetPhoneNumber(e) {
if (e.detail.errMsg === 'getPhoneNumber:ok') {
// 用户同意授权
const {
encryptedData,
iv
} = e.detail;
console.log('encryptedData:', encryptedData);
console.log('iv:', iv);
//通过后台获取手机号
//弹窗获取授权用户昵称
} else {
// 用户拒绝授权
console.log('用户拒绝授权');
}
wx.switchTab({
url: '/pages/index/index'
});
// wx.navigateBack({
// delta: 1,
// success: function () {
// wx.switchTab({
// url: '/pages/index/index'
// });
// },
// error: (res) => {
// console.log(res)
// }
// });
// if (e.detail.errMsg === 'getPhoneNumber:ok') {
// // 用户同意授权
// const {
// encryptedData,
// iv
// } = e.detail;
// console.log('encryptedData:', encryptedData);
// console.log('iv:', iv);
// //通过后台获取手机号
// //弹窗获取授权用户昵称
// } else {
// // 用户拒绝授权
// console.log('用户拒绝授权');
// }
},
doGetUserInfo() {
wx.getUserProfile({
@ -59,5 +73,8 @@ Page({
}
})
},
onUnload() {
console.log('login卸载')
}
})

View File

@ -14,6 +14,7 @@
<text>和</text>
<text class="deal" bind:tap="showPrivacyDeal">《隐私条款》</text>
</view>
<button class="btn" open-type="getPhoneNumber" bindgetphonenumber="doGetPhoneNumber">授权登录</button>
<!-- open-type="getPhoneNumber" bindgetphonenumber="doGetPhoneNumber" -->
<button class="btn" bind:tap="doGetPhoneNumber">授权登录</button>
</view>
</view>

44
pages/mine/mine.js Normal file
View File

@ -0,0 +1,44 @@
// pages/mine/mine.js
const app = getApp()
const systemInfo = wx.getWindowInfo();
const statusBarHeight = systemInfo.statusBarHeight; // 状态栏高度
const navBarHeight = 44; // 导航栏高度iOS 为 44pxAndroid 为 48px
const windowHeight = systemInfo.windowHeight - navBarHeight - statusBarHeight; //可用内容高度
Page({
/**
* 页面的初始数据
*/
data: {
statusBarHeight: statusBarHeight,
navBarHeight: navBarHeight,
totalHeight: navBarHeight, // 导航栏总高度
contentHeight: windowHeight,
menuList: [{
"icon": "https://img.icons8.com/?size=100&id=OZzk5umGngVd&format=png&color=000000",
"title": "个人信息"
}, {
"icon": "https://img.icons8.com/?size=100&id=OZzk5umGngVd&format=png&color=000000",
"title": "修改密码"
}, {
"icon": "https://img.icons8.com/?size=100&id=OZzk5umGngVd&format=png&color=000000",
"title": "我的订单"
}, {
"icon": "https://img.icons8.com/?size=100&id=OZzk5umGngVd&format=png&color=000000",
"title": "发票管理"
}, {
"icon": "https://img.icons8.com/?size=100&id=OZzk5umGngVd&format=png&color=000000",
"title": "产权所属人"
}, {
"icon": "https://img.icons8.com/?size=100&id=OZzk5umGngVd&format=png&color=000000",
"title": "产权联系人"
}]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
})

4
pages/mine/mine.json Normal file
View File

@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationStyle": "custom"
}

31
pages/mine/mine.wxml Normal file
View File

@ -0,0 +1,31 @@
<view class="custom-navbar" style="height: {{totalHeight}}px; padding-top: {{statusBarHeight}}px;justify-content: center;">
<view class="navbar-title">AI喵著</view>
</view>
<view class="container-content">
<view class="container-box">
<view class="box-up">
<view class="balance-box">
<view class="balance">
<view>2022</view>
<view class="arrow-down"></view>
</view>
<view class="balance-btn">充值</view>
</view>
<view class="balance-desc">账户余额</view>
</view>
<view class="box-down">
<view>套餐包余额</view>
<view class="package-bag">
<view>全托管0</view>
<view>写材料100</view>
<view>优惠卷</view>
</view>
</view>
</view>
<view class="menu-box">
<view wx:for="{{menuList}}" wx:key="index" class="menu-item">
<image src="{{item.icon}}" class="menu-icon"></image>
<view class="menu-title">{{item.title}}</view>
</view>
</view>
</view>

99
pages/mine/mine.wxss Normal file
View File

@ -0,0 +1,99 @@
/* pages/mine/mine.wxss */
.container-content {
padding: 20rpx;
}
.container-box {
display: flex;
flex-direction: column;
}
.box-up {
display: flex;
flex-direction: column;
background-color: #FFD100;
padding: 40rpx;
color: white;
border-top-right-radius: 20rpx;
border-top-left-radius: 20rpx;
}
.balance-box {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.balance-btn {
padding: 10rpx 20rpx;
background-color: yellowgreen;
border-radius: 10rpx;
}
.balance-desc {
font-size: 24rpx;
margin-top: 10rpx;
font-weight: 400;
}
.balance {
display: flex;
flex-direction: row;
align-items: center;
font-size: 48rpx;
font-weight: 600;
}
.box-down {
display: flex;
flex-direction: column;
background: linear-gradient(to right, #FFE880, #FFD30A);
padding: 40rpx;
color: white;
border-bottom-right-radius: 20rpx;
border-bottom-left-radius: 20rpx;
}
.arrow-down {
width: 0;
height: 0;
margin-left: 30rpx;
border-top: 14rpx solid transparent;
border-bottom: 14rpx solid transparent;
border-left: 14rpx solid white;
}
.package-bag {
margin-top: 20rpx;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.menu-box {
display: flex;
flex-direction: column;
margin-top: 30rpx;
}
.menu-item {
display: flex;
flex-direction: row;
padding: 30rpx 40rpx;
align-items: center;
border-bottom: 1rpx solid rgb(238, 238, 238);
margin-left: 20rpx;
margin-right: 20rpx;
}
.menu-icon {
width: 48rpx;
height: 48rpx;
}
.menu-title {
font-size: 28rpx;
color: black;
margin-left: 20rpx;
}

View File

@ -1,66 +1,37 @@
// pages/treaty/privacy/privacy.js
// pages/treaty/service/service.js
import CommonService from "../../../net/api/commonApi"
Page({
/**
* 页面的初始数据
*/
data: {
/**
* 页面的初始数据
*/
data: {
content: "",
title: ''
},
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getDeal()
},
//获取协议内容
getDeal() {
var _self = this
CommonService.doGetPrivacy("privacy")
.then(res => {
if (res.content) {
_self.setData({
content: res.content,
title: res.title
})
wx.setNavigationBarTitle({
title: res.title,
})
}
}, err => {
console.log(err)
})
}
})

View File

@ -1 +1,4 @@
<web-view src="https://www.aimzhu.com/PrivacyPolicy.html"></web-view>
<view class="content-box">
<text class="content-title">{{title}}</text>
<rich-text class="content-body" nodes="{{content}}"></rich-text>
</view>

View File

@ -1 +1,21 @@
/* pages/treaty/privacy/privacy.wxss */
/* pages/treaty/privacy/privacy.wxss */
.content-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20rpx;
}
.content-title {
font-size: 28rpx;
font-weight: 500;
color: black;
}
.content-body {
font-size: 24rpx;
color: gray;
margin-top: 20rpx;
padding: 20rpx;
}

View File

@ -1,66 +1,37 @@
// pages/treaty/service/service.js
import CommonService from "../../../net/api/commonApi"
Page({
/**
* 页面的初始数据
*/
data: {
/**
* 页面的初始数据
*/
data: {
content: "",
title: ''
},
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getDeal()
},
//获取协议内容
getDeal() {
var _self = this
CommonService.doGetPrivacy("service")
.then(res => {
if (res.content) {
_self.setData({
content: res.content,
title: res.title
})
wx.setNavigationBarTitle({
title: res.title,
})
}
}, err => {
console.log(err)
})
}
})

View File

@ -1 +1,4 @@
<web-view src="https://www.aimzhu.com/UserAgreement.html"></web-view>
<view class="content-box">
<text class="content-title">{{title}}</text>
<rich-text class="content-body" nodes="{{content}}"></rich-text>
</view>

View File

@ -1 +1,21 @@
/* pages/treaty/service/service.wxss */
/* pages/treaty/privacy/privacy.wxss */
.content-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20rpx;
}
.content-title {
font-size: 28rpx;
font-weight: 500;
color: black;
}
.content-body {
font-size: 24rpx;
color: gray;
margin-top: 20rpx;
padding: 20rpx;
}

View File

@ -5,5 +5,5 @@
"compileHotReLoad": true,
"urlCheck": false
},
"libVersion": "3.7.10"
"libVersion": "3.6.6"
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 836 B