main
parent
54d95c4b08
commit
814fb87bf3
@ -0,0 +1,31 @@
|
|||||||
|
/*
|
||||||
|
* Eslint config file
|
||||||
|
* Documentation: https://eslint.org/docs/user-guide/configuring/
|
||||||
|
* Install the Eslint extension before using this feature.
|
||||||
|
*/
|
||||||
|
module.exports = {
|
||||||
|
env: {
|
||||||
|
es6: true,
|
||||||
|
browser: true,
|
||||||
|
node: true,
|
||||||
|
},
|
||||||
|
ecmaFeatures: {
|
||||||
|
modules: true,
|
||||||
|
},
|
||||||
|
parserOptions: {
|
||||||
|
ecmaVersion: 2018,
|
||||||
|
sourceType: 'module',
|
||||||
|
},
|
||||||
|
globals: {
|
||||||
|
wx: true,
|
||||||
|
App: true,
|
||||||
|
Page: true,
|
||||||
|
getCurrentPages: true,
|
||||||
|
getApp: true,
|
||||||
|
Component: true,
|
||||||
|
requirePlugin: true,
|
||||||
|
requireMiniProgram: true,
|
||||||
|
},
|
||||||
|
// extends: 'eslint:recommended',
|
||||||
|
rules: {},
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
// app.js
|
||||||
|
App({
|
||||||
|
onLaunch() {
|
||||||
|
// 展示本地存储能力
|
||||||
|
const logs = wx.getStorageSync('logs') || []
|
||||||
|
logs.unshift(Date.now())
|
||||||
|
wx.setStorageSync('logs', logs)
|
||||||
|
|
||||||
|
// 登录
|
||||||
|
wx.login({
|
||||||
|
success: res => {
|
||||||
|
// 发送 res.code 到后台换取 openId, sessionKey, unionId
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
globalData: {
|
||||||
|
userInfo: null
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,51 @@
|
|||||||
|
{
|
||||||
|
"pages":[
|
||||||
|
"pages/read/read",
|
||||||
|
"pages/say/say",
|
||||||
|
"pages/camel/camel",
|
||||||
|
"pages/hlm/hlm",
|
||||||
|
"pages/life/life",
|
||||||
|
"pages/cnjs/cnjs",
|
||||||
|
"pages/firefly/firefly",
|
||||||
|
"pages/individual/individual",
|
||||||
|
"pages/map/map",
|
||||||
|
"pages/revise/revise",
|
||||||
|
"pages/content/content",
|
||||||
|
"pages/login/login",
|
||||||
|
"pages/opinion/opinion"
|
||||||
|
],
|
||||||
|
"window":{
|
||||||
|
"backgroundTextStyle":"light",
|
||||||
|
"navigationBarBackgroundColor": "#fff",
|
||||||
|
"navigationBarTitleText": "Weixin",
|
||||||
|
"navigationBarTextStyle":"black"
|
||||||
|
},
|
||||||
|
"tabBar": {
|
||||||
|
"color": "#333",
|
||||||
|
"selectedColor": "#f7982a",
|
||||||
|
"backgroundColor": "#f6f6f6",
|
||||||
|
"borderStyle": "white",
|
||||||
|
"list": [
|
||||||
|
{
|
||||||
|
"pagePath": "pages/read/read",
|
||||||
|
"text": "书架",
|
||||||
|
"iconPath": "images/index.png",
|
||||||
|
"selectedIconPath": "images/index2.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/map/map",
|
||||||
|
"text": " 名人",
|
||||||
|
"iconPath": "images/center.png",
|
||||||
|
"selectedIconPath": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/individual/individual",
|
||||||
|
"text": "首页",
|
||||||
|
"iconPath": "images/center.png",
|
||||||
|
"selectedIconPath": "images/center2.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"style": "v2",
|
||||||
|
"sitemapLocation": "sitemap.json"
|
||||||
|
}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
/**app.wxss**/
|
||||||
|
.container {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 200rpx 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 414 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 450 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 75 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 326 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 659 KiB |
|
After Width: | Height: | Size: 944 KiB |
|
After Width: | Height: | Size: 652 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 2.6 MiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 8.6 MiB |
|
After Width: | Height: | Size: 686 KiB |
|
After Width: | Height: | Size: 1.9 MiB |
@ -0,0 +1,17 @@
|
|||||||
|
// pages/camel/camel.js
|
||||||
|
Page({
|
||||||
|
formSubmit: function(e) {
|
||||||
|
// 表单返回的所有数据
|
||||||
|
var formData = e.detail.value
|
||||||
|
// 获取上一个页面的对象
|
||||||
|
var pages = getCurrentPages()
|
||||||
|
var prevPage = pages[pages.length - 2]
|
||||||
|
// 调用上一个页面的 setData() 方法，把数据存到上一个页面中去
|
||||||
|
prevPage.setData({
|
||||||
|
username: formData.username,
|
||||||
|
gender: formData.gender
|
||||||
|
})
|
||||||
|
// 返回到上一个页面
|
||||||
|
wx.navigateBack()
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"navigationBarBackgroundColor": "#cfe2f3",
|
||||||
|
"navigationBarTitleText": "孙子算经",
|
||||||
|
"navigationBarTextStyle":"black"
|
||||||
|
}
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
/* pages/camel/camel.wxss */
|
||||||
|
page {
|
||||||
|
background-color: #d9e8f0;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
.camel {
|
||||||
|
/* 水平垂直居中 */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.camel > image {
|
||||||
|
width: 400rpx;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
// pages/cnjs/cnjs.js
|
||||||
|
Page({
|
||||||
|
formSubmit: function(e) {
|
||||||
|
// 表单返回的所有数据
|
||||||
|
var formData = e.detail.value
|
||||||
|
// 获取上一个页面的对象
|
||||||
|
var pages = getCurrentPages()
|
||||||
|
var prevPage = pages[pages.length - 2]
|
||||||
|
// 调用上一个页面的 setData() 方法，把数据存到上一个页面中去
|
||||||
|
prevPage.setData({
|
||||||
|
username: formData.username,
|
||||||
|
gender: formData.gender
|
||||||
|
})
|
||||||
|
// 返回到上一个页面
|
||||||
|
wx.navigateBack()
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"navigationBarBackgroundColor": "#cfe2f3",
|
||||||
|
"navigationBarTitleText": "九章算术",
|
||||||
|
"navigationBarTextStyle":"black"
|
||||||
|
}
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
/* pages/cnjs/cnjs.wxss */
|
||||||
|
page {
|
||||||
|
background-color: #d9e8f0;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
.CN {
|
||||||
|
/* 水平垂直居中 */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.CN > image {
|
||||||
|
width: 400rpx;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,35 @@
|
|||||||
|
// pages/content/content.js
|
||||||
|
Page({
|
||||||
|
data: {
|
||||||
|
username: '',
|
||||||
|
gender: '女',
|
||||||
|
phone:'12365485952',
|
||||||
|
QQ:'789546231'
|
||||||
|
},
|
||||||
|
|
||||||
|
onLoad: function(options) {
|
||||||
|
this.setData({
|
||||||
|
// 收到数据后使用decodeURIComponent()解码
|
||||||
|
username: decodeURIComponent(options.username),
|
||||||
|
gender: decodeURIComponent(options.gender),
|
||||||
|
phone: decodeURIComponent(options.phone),
|
||||||
|
QQ: decodeURIComponent(options.QQ)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
formSubmit: function(e) {
|
||||||
|
// 表单返回的所有数据
|
||||||
|
var formData = e.detail.value
|
||||||
|
// 获取上一个页面的对象
|
||||||
|
var pages = getCurrentPages()
|
||||||
|
var prevPage = pages[pages.length - 2]
|
||||||
|
// 调用上一个页面的 setData() 方法，把数据存到上一个页面中去
|
||||||
|
prevPage.setData({
|
||||||
|
username: formData.username,
|
||||||
|
gender: formData.gender,
|
||||||
|
phone: formData.phone,
|
||||||
|
qq: formData.qq,
|
||||||
|
})
|
||||||
|
// 返回到上一个页面
|
||||||
|
wx.navigateBack()
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "修改资料",
|
||||||
|
"navigationBarTextStyle": "white",
|
||||||
|
"navigationBarBackgroundColor": "#9999CC"
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
/* pages/content.content.wxss */
|
||||||
|
page {
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
padding: 40rpx;
|
||||||
|
border-bottom: 1px solid #efefef;
|
||||||
|
}
|
||||||
|
.section:last-child {
|
||||||
|
border: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
width: 20%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
.primary{
|
||||||
|
width:100%;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
margin-top: 100rpx;
|
||||||
|
height: 104rpx;
|
||||||
|
line-height: 78rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
font-size: 34rpx;
|
||||||
|
background-color: #e3f4ff;
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
// pages/firefly/firefly.js
|
||||||
|
Page({
|
||||||
|
formSubmit: function(e) {
|
||||||
|
// 表单返回的所有数据
|
||||||
|
var formData = e.detail.value
|
||||||
|
// 获取上一个页面的对象
|
||||||
|
var pages = getCurrentPages()
|
||||||
|
var prevPage = pages[pages.length - 2]
|
||||||
|
// 调用上一个页面的 setData() 方法，把数据存到上一个页面中去
|
||||||
|
prevPage.setData({
|
||||||
|
username: formData.username,
|
||||||
|
gender: formData.gender
|
||||||
|
})
|
||||||
|
// 返回到上一个页面
|
||||||
|
wx.navigateBack()
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"navigationBarBackgroundColor": "#cfe2f3",
|
||||||
|
"navigationBarTitleText": "五经算术",
|
||||||
|
"navigationBarTextStyle":"black"
|
||||||
|
}
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
<!--pages/firefly/firefly.wxml-->
|
||||||
|
<form bindsubmit="formSubmit" report-submit="true">
|
||||||
|
<view class="firefly">
|
||||||
|
<image src="/images/16.jpg" />
|
||||||
|
</view>
|
||||||
|
<text class="word" decode="{{true}}">
|
||||||
|
五经算术》是北周甄鸾所著，共二卷。书中对《易经》、 《诗经》、《尚书》、 《周礼》、《仪礼》、《礼记》、《论语》、《左传》等儒家经典及其古注中与数字有关的地方详加注释，对研究经学的人或可有一定的帮助，但就数学的内容而论，其价值有限。现传本亦系抄自《永乐大典》。
|
||||||
|
</text>
|
||||||
|
</form>
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
/* pages/firefly/firefly.wxss */
|
||||||
|
page {
|
||||||
|
background-color: #d9e8f0;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
.firefly {
|
||||||
|
/* 水平垂直居中 */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.firefly > image {
|
||||||
|
width: 400rpx;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
// pages/hlm/hlm.js
|
||||||
|
Page({
|
||||||
|
formSubmit: function(e) {
|
||||||
|
// 表单返回的所有数据
|
||||||
|
var formData = e.detail.value
|
||||||
|
// 获取上一个页面的对象
|
||||||
|
var pages = getCurrentPages()
|
||||||
|
var prevPage = pages[pages.length - 2]
|
||||||
|
// 调用上一个页面的 setData() 方法，把数据存到上一个页面中去
|
||||||
|
prevPage.setData({
|
||||||
|
username: formData.username,
|
||||||
|
gender: formData.gender
|
||||||
|
})
|
||||||
|
// 返回到上一个页面
|
||||||
|
wx.navigateBack()
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"navigationBarBackgroundColor": "#cfe2f3",
|
||||||
|
"navigationBarTitleText": "缉古算经",
|
||||||
|
"navigationBarTextStyle":"black"
|
||||||
|
}
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
/* pages/hlm/hlm.wxss */
|
||||||
|
page {
|
||||||
|
background-color: #d9e8f0;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
.hlm {
|
||||||
|
/* 水平垂直居中 */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.hlm > image {
|
||||||
|
width: 400rpx;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
// pages/individual/individual.js
|
||||||
|
Page({
|
||||||
|
person: function() {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '/pages/revise/revise',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
opinion:function(e){
|
||||||
|
wx.navigateTo({
|
||||||
|
url:'/pages/opinion/opinion',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
contact: function (e) {
|
||||||
|
wx.makePhoneCall({
|
||||||
|
phoneNumber: '15882736954'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "中国古代数学",
|
||||||
|
"navigationBarTextStyle": "white",
|
||||||
|
"navigationBarBackgroundColor": "#9999CC"
|
||||||
|
}
|
||||||
@ -0,0 +1,85 @@
|
|||||||
|
<view class='amountBg'>
|
||||||
|
<view class='img'>
|
||||||
|
<image src="/images/01.jpg" style='width:86px;height:86px;'></image>
|
||||||
|
</view>
|
||||||
|
<view class='account'>
|
||||||
|
<view class="name">Ancient Chinese Mathematics</view>
|
||||||
|
<view class='manage_text'>中国古代数学</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class='contain'>
|
||||||
|
<view class='order'>
|
||||||
|
<view class='order_text'>古代数学文化</view>
|
||||||
|
<view class='cut'></view>
|
||||||
|
<view class='order_list'>
|
||||||
|
<view class='cut'></view>
|
||||||
|
<view class='desc'>
|
||||||
|
<view class="desc_img"><image src='/images/05.jpg'></image></view>
|
||||||
|
<view>算术工具</view>
|
||||||
|
</view>
|
||||||
|
<view class='desc'>
|
||||||
|
<view class='desc_img'><image src="/images/03.png"></image></view>
|
||||||
|
<view>杰出人物</view>
|
||||||
|
</view>
|
||||||
|
<view class='desc'>
|
||||||
|
<view class='desc_img'><image src='/images/04.webp'></image></view>
|
||||||
|
<view>经典著作</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class='clear'></view>
|
||||||
|
<!-- -->
|
||||||
|
<view class="section">
|
||||||
|
<view class="list">
|
||||||
|
<view class="row">
|
||||||
|
<view class="left">
|
||||||
|
|
||||||
|
<view class="text">数学的萌芽</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<van-icon name="arrow" size="18px"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- -->
|
||||||
|
<view class="row">
|
||||||
|
<view class="left">
|
||||||
|
|
||||||
|
<view class="text">框架的建立</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<van-icon name="arrow" size="18px"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="row">
|
||||||
|
<view class="left">
|
||||||
|
|
||||||
|
<view class="text">体系的构成</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<van-icon name="arrow" size="18px"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="row">
|
||||||
|
<view class="left">
|
||||||
|
|
||||||
|
<view class="text">数学的巅峰</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<van-icon name="arrow" size="18px"></van-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- -->
|
||||||
|
<view class="row">
|
||||||
|
<view class="left">
|
||||||
|
|
||||||
|
<view class="text">继承和发展</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<van-icon name="arrow" size="18px"/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,156 @@
|
|||||||
|
Page{
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
}
|
||||||
|
.amountBg{
|
||||||
|
height: 330rpx;
|
||||||
|
background:linear-gradient(to top,#e791a5,#e9ccd3);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
.img{
|
||||||
|
margin-left:60rpx;
|
||||||
|
margin-top:50rpx;
|
||||||
|
}
|
||||||
|
.account{
|
||||||
|
color: #ffffff;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
margin-top: 68rpx;
|
||||||
|
}
|
||||||
|
.name{
|
||||||
|
font-size: 50rpx;
|
||||||
|
}
|
||||||
|
.manage_text{
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: white;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
border:2rpx solid #e9ccd3;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.order{
|
||||||
|
width:92%;
|
||||||
|
height: 260rpx;
|
||||||
|
margin:0 auto;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
margin-top: -80rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
box-shadow:0rpx 8rpx 8rpx 3rpx rgb(221, 220, 220);
|
||||||
|
}
|
||||||
|
.order_text{
|
||||||
|
font-size: 44rpx;
|
||||||
|
color: gray;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
text-align: left;
|
||||||
|
height:60rpx;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
}
|
||||||
|
.cut{
|
||||||
|
opacity: 0.2;
|
||||||
|
height: 2rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
background-color: #000000;
|
||||||
|
}
|
||||||
|
.order_list{
|
||||||
|
display: flex;
|
||||||
|
flex-direction:row;
|
||||||
|
}
|
||||||
|
.desc{
|
||||||
|
color: gray;
|
||||||
|
width: 33%;
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
|
.item{
|
||||||
|
background-color: #ffffff;
|
||||||
|
display: flex;
|
||||||
|
margin:0 auto;
|
||||||
|
flex-direction: row;
|
||||||
|
height: 100rpx;
|
||||||
|
align-items: center;
|
||||||
|
width: 92%;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
box-shadow:0rpx 8rpx 8rpx 3rpx rgb(221, 220, 220);
|
||||||
|
}
|
||||||
|
.icon{
|
||||||
|
width: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
}
|
||||||
|
.itemname{
|
||||||
|
color: gray;
|
||||||
|
width: 40%;
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
.hr{
|
||||||
|
height: 2rpx;
|
||||||
|
background-color: #000000;
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto;
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
.remark{
|
||||||
|
font-weight: normal;
|
||||||
|
margin-top:10rpx;
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
color: #707075;
|
||||||
|
width: 5%;
|
||||||
|
text-align: right;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.desc_img image{
|
||||||
|
margin-top: 16rpx;
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
}
|
||||||
|
.icon image{
|
||||||
|
height: 62rpx;
|
||||||
|
width: 62rpx
|
||||||
|
}
|
||||||
|
/* */
|
||||||
|
.section {
|
||||||
|
width: 690rpx;
|
||||||
|
margin: 80rpx auto;
|
||||||
|
border: 1rpx solid #eee;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
box-shadow: 0 0 30rpx rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section .list .row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
border-bottom: 1rpx solid rgb(219, 196, 196);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section .list .row:last-child {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section .list .row .left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section .list .row .left .text {
|
||||||
|
padding-left: 20rpx;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section .list .row .right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section .list .row .right .text {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
/* */
|
||||||
|
|
||||||
@ -0,0 +1,66 @@
|
|||||||
|
// pages/life/life.js
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage() {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"navigationBarBackgroundColor": "#cfe2f3",
|
||||||
|
"navigationBarTitleText": "海岛算经",
|
||||||
|
"navigationBarTextStyle":"black"
|
||||||
|
}
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
/* pages/life/life.wxss */
|
||||||
|
page {
|
||||||
|
background-color: #d9e8f0;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
.life {
|
||||||
|
/* 水平垂直居中 */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.life > image {
|
||||||
|
width: 400rpx;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "登录",
|
||||||
|
"navigationBarTextStyle": "black"
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,82 @@
|
|||||||
|
<view class="wrapper">
|
||||||
|
<!-- 第一部分 -->
|
||||||
|
<view wx:if="{{islogin==1}}">
|
||||||
|
<view class="header">
|
||||||
|
<view class="title">请登录</view>
|
||||||
|
<view class="info">Please Login Your Account</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 找回密码 -->
|
||||||
|
<view wx:elif="{{islogin==2}}">
|
||||||
|
<view class="header">
|
||||||
|
<view class="title">找回密码</view>
|
||||||
|
<view class="info">Retrieve the password</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 请注册 -->
|
||||||
|
<view wx:else="{{islogin==3}}">
|
||||||
|
<view class="header">
|
||||||
|
<view class="title">请注册</view>
|
||||||
|
<view class="info">Please Register Your Account</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 第二部分 -->
|
||||||
|
<view class="body">
|
||||||
|
<!-- 登录页面 -->
|
||||||
|
<view wx:if="{{}}">
|
||||||
|
<view class="input1">
|
||||||
|
<input class="one" type="number" bindinput="inputiphone1" maxlength="11" placeholder="请输入手机号" value="{{}}"/>
|
||||||
|
<input class="one" password="true" bindinput="password1" placeholder="请输入密码" value="{{}}"/>
|
||||||
|
</view>
|
||||||
|
<view class="remenber"> <switch type="checkbox" checked="{{switchChecked}}" bindswitcheck="switchChecked" bindchange="bindswitchchange" style="transform:scale(0.8)"/>记住密码</view>
|
||||||
|
<button class="two" color="#3d7ef9" type="primary" bindtap="onlogin" disabled="{{loginbtnstate}}">登录</button>
|
||||||
|
</view>
|
||||||
|
<!-- 找回密码 -->
|
||||||
|
<view wx:elif="{{islogin==2}}">
|
||||||
|
<view class="input1">
|
||||||
|
<input class="one" type="number" bindinput="compass" maxlength="11" placeholder="请输入手机号" />
|
||||||
|
</view>
|
||||||
|
<button class="two" color="#3d7ef9" type="primary" bindtap="comebackpassword" disabled="{{}}">找回密码</button>
|
||||||
|
</view>
|
||||||
|
<!-- 注册页面 -->
|
||||||
|
<view wx:else="{{}}">
|
||||||
|
<form bindsubmit="formsubmit">
|
||||||
|
<view class="input1">
|
||||||
|
<input class="one" type="number" bindinput="inputiphone2" maxlength="11" placeholder="请输入手机号" name="iphone" />
|
||||||
|
<input class="one" password="true" bindinput="password2" placeholder="请输入密码" name="inputpassword" />
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<button class="two" color="#3d7ef9" type="primary" form-type="submit" disabled="{{loginbtnstate2}}">注册</button>
|
||||||
|
</form>
|
||||||
|
</view>
|
||||||
|
<!-- 第三部分 -->
|
||||||
|
<!-- 登录 -->
|
||||||
|
<view wx:if="{{islogin==1}}">
|
||||||
|
<view class="end">
|
||||||
|
<text bindtap="register">注册账户</text>
|
||||||
|
<text>|</text>
|
||||||
|
<text bindtap="forget">忘记密码</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 找回密码 -->
|
||||||
|
<view wx:elif="{{islogin==2}}">
|
||||||
|
<view class="end">
|
||||||
|
<text bindtap="denglu">登录页面</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 注册 -->
|
||||||
|
<view wx:else="{{islogin==3}}">
|
||||||
|
<view class="end">
|
||||||
|
<text bindtap="denglu">登录页面</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="end-power">
|
||||||
|
<view class="power">
|
||||||
|
<text>图书资源管理系统</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
@ -0,0 +1,60 @@
|
|||||||
|
/* pages/login/login.wxss */
|
||||||
|
.header{
|
||||||
|
height: 200rpx;
|
||||||
|
padding:40rpx 30rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color:#9999CC;
|
||||||
|
color: #E8E8E8;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
font-size: 52rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 20rpx;
|
||||||
|
}
|
||||||
|
.header .info{
|
||||||
|
font-size:28rpx ;
|
||||||
|
padding: 20rpx;
|
||||||
|
}
|
||||||
|
.body{
|
||||||
|
padding: 40rpx;
|
||||||
|
}
|
||||||
|
.input{
|
||||||
|
margin-top: 20rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.one{
|
||||||
|
height: 100rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
box-shadow: #056901 0 0 5rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
|
.two{
|
||||||
|
border: solid 1rpx #57b676;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #73d884;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
}
|
||||||
|
.end{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
color: #45a142;
|
||||||
|
}
|
||||||
|
.end text{
|
||||||
|
margin-left:30rpx;
|
||||||
|
}
|
||||||
|
.end-power{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.power{
|
||||||
|
color: #25a154;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 50rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.remenber{
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "中国古代数学",
|
||||||
|
"navigationBarTextStyle": "white",
|
||||||
|
"navigationBarBackgroundColor": "#9999CC"
|
||||||
|
}
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
<view class="container">
|
||||||
|
<!-- 轮播图 -->
|
||||||
|
<swiper class="swiper" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}">
|
||||||
|
<block wx:for="{{banners}}" wx:key="index">
|
||||||
|
<swiper-item>
|
||||||
|
<image src="{{item.url}}" mode="aspectFill" class="swiper-img"></image>
|
||||||
|
</swiper-item>
|
||||||
|
</block>
|
||||||
|
</swiper>
|
||||||
|
|
||||||
|
<!-- 关于我们 -->
|
||||||
|
<view class="section">
|
||||||
|
<view class="section-title">关于古代数学</view>
|
||||||
|
<view class="section-content">
|
||||||
|
小程序致力于展示中国古代数学的悠久历史和丰富贡献。通过展示中国古代数学著作、算术仪器、古代知名数学家，我们希望带领您领略古代数学的魅力。
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 历史名人 -->
|
||||||
|
<view class="section">
|
||||||
|
<view class="section-title">历史名人</view>
|
||||||
|
<view class="section-content">
|
||||||
|
<view wx:for="{{historians}}" wx:key="index" class="historian">
|
||||||
|
<image src="{{item.avatar}}" mode="aspectFill" class="historian-avatar"></image>
|
||||||
|
<text class="historian-name">{{item.name}}</text>
|
||||||
|
<text class="historian-intro">{{item.intro}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 数学趣题 -->
|
||||||
|
<view class="section">
|
||||||
|
<view class="section-title">数学趣题</view>
|
||||||
|
<view class="section-content">
|
||||||
|
<view wx:for="{{mathProblems}}" wx:key="index" class="math-problem">
|
||||||
|
<text class="math-problem-title">{{item.title}}</text>
|
||||||
|
<text class="math-problem-content">{{item.content}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,75 @@
|
|||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper {
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-content {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.historian {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.historian-avatar {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.historian-name {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.historian-intro {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.math-problem {
|
||||||
|
padding: 10px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.math-problem-title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.math-problem-content {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
@ -0,0 +1,32 @@
|
|||||||
|
// pages/opinion/opinion.js
|
||||||
|
Page({
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
num:0
|
||||||
|
},
|
||||||
|
bindFormSubmit: function(e) {
|
||||||
|
var that = this;
|
||||||
|
var formData = e.detail.value;
|
||||||
|
console.log(e.detail.value.textarea)
|
||||||
|
wx.showToast({
|
||||||
|
title: '反馈成功',
|
||||||
|
icon: 'success',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
that.setData({
|
||||||
|
form_info: '',
|
||||||
|
num:0
|
||||||
|
})
|
||||||
|
},
|
||||||
|
inputs: function (e) {
|
||||||
|
var value = e.detail.value;
|
||||||
|
var len = parseInt(value.length);
|
||||||
|
console.log(len);
|
||||||
|
this.setData({
|
||||||
|
num: len //当前字数
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "意见与反馈",
|
||||||
|
"navigationBarTextStyle": "white",
|
||||||
|
"navigationBarBackgroundColor": "#9999CC"
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<view class="container">
|
||||||
|
<view class="box">
|
||||||
|
<view class="title">意见反馈</view>
|
||||||
|
<view class="section">
|
||||||
|
<form bindsubmit="bindFormSubmit">
|
||||||
|
<textarea placeholder="请详述您的问题，以便我们为您提供更好的服务"
|
||||||
|
name="textarea" value='{{form_info}}' maxlength="200" bindinput="inputs"/>
|
||||||
|
<text class="count">{{num}}/200</text>
|
||||||
|
<button form-type="submit" class="submit"> 提交 </button>
|
||||||
|
</form>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,46 @@
|
|||||||
|
/* pages/opinion/opinion.wxss */
|
||||||
|
.container{
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
width: 90%;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
height: 480rpx;
|
||||||
|
border: 2rpx solid #f8f8f8;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
box-shadow: 2rpx 10rpx 6rpx rgb(211, 210, 210)
|
||||||
|
}
|
||||||
|
.section{
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
font-size: 40rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
margin-left: 40rpx;
|
||||||
|
}
|
||||||
|
textarea{
|
||||||
|
width: 90%;
|
||||||
|
height: 320rpx;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
.count{
|
||||||
|
margin-left: 500rpx;
|
||||||
|
color: #9e9c9c;
|
||||||
|
}
|
||||||
|
.submit{
|
||||||
|
width:100%;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
margin-top: 50rpx;
|
||||||
|
height: 104rpx;
|
||||||
|
line-height: 78rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
font-size: 34rpx;
|
||||||
|
background-color: #e3f4ff;
|
||||||
|
}
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
<!-- 内容滚动区域 -->
|
||||||
|
<scroll-view class="content-info" scroll-y>
|
||||||
|
<!-- 轮番图 -->
|
||||||
|
<swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots circular autoplay>
|
||||||
|
<swiper-item><image src="/images/17.jpeg" /></swiper-item>
|
||||||
|
<swiper-item><image src="/images/18.jpg" /></swiper-item>
|
||||||
|
<swiper-item><image src="/images/19.jpg" /></swiper-item>
|
||||||
|
</swiper>
|
||||||
|
<!-- 热门图书 -->
|
||||||
|
<view class="content-info-list">
|
||||||
|
<view class="list-title">古代数学名著</view>
|
||||||
|
<view class="list-inner">
|
||||||
|
<view class="list-item" bindtap="CN">
|
||||||
|
<image src="/images/04.webp" />
|
||||||
|
<view>九章算术</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-item" bindtap="life">
|
||||||
|
<image src="/images/09.jpg" />
|
||||||
|
<view>海岛算经</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-item" bindtap="hlm">
|
||||||
|
<image src="/images/10.jpg" />
|
||||||
|
<view>缉古算经</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-item" bindtap="camel">
|
||||||
|
<image src="/images/11.jpg" />
|
||||||
|
<view>孙子算经</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-item" bindtap="say">
|
||||||
|
<image src="/images/12.jpg" />
|
||||||
|
<view>算经十书</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-item" bindtap="firefly">
|
||||||
|
<image src="/images/16.jpg" />
|
||||||
|
<view>五经算术</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</scroll-view>
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"navigationBarBackgroundColor": "#9999CC",
|
||||||
|
"navigationBarTitleText": "中国古代数学",
|
||||||
|
"navigationBarTextStyle":"white"
|
||||||
|
}
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<!--pages/read/read.wxml-->
|
||||||
|
<!-- 标签页标题 -->
|
||||||
|
<view class="tab">
|
||||||
|
<view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="0">中国数学发展</view>
|
||||||
|
</view>
|
||||||
|
<!-- 内容区域 -->
|
||||||
|
<view class="content">
|
||||||
|
<swiper current="{{item}}" bindchange="changeTab">
|
||||||
|
<swiper-item>
|
||||||
|
<include src="info.wxml" />
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,78 @@
|
|||||||
|
/* pages/read/read.wxss */
|
||||||
|
page {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background: #cedce4;
|
||||||
|
color: #696569;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.tab {
|
||||||
|
display: flex;
|
||||||
|
height: 77rpx;
|
||||||
|
}
|
||||||
|
.tab-item {
|
||||||
|
flex: 1;
|
||||||
|
font-size: 10pt;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 72rpx;
|
||||||
|
border-bottom: 6rpx solid #eee;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.content > swiper {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-item.active {
|
||||||
|
color: #c25b5b;
|
||||||
|
border-bottom-color:#c25b5b ;
|
||||||
|
}
|
||||||
|
.content-info {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
color: transparent;
|
||||||
|
}
|
||||||
|
/* 轮番图 */
|
||||||
|
.content-info-slide {
|
||||||
|
height: 302rpx;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.content-info-slide image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
/* 热门图书 */
|
||||||
|
.content-info-list {
|
||||||
|
font-size: 11pt;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
.content-info-list > .list-title {
|
||||||
|
margin: 20rpx 35rpx;
|
||||||
|
}
|
||||||
|
.content-info-list > .list-inner {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin: 0 20rpx;
|
||||||
|
}
|
||||||
|
.content-info-list > .list-inner > .list-item {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.content-info-list > .list-inner > .list-item > image {
|
||||||
|
display: block;
|
||||||
|
width: 188rpx;
|
||||||
|
height: 230rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border: 1rpx solid #555;
|
||||||
|
}
|
||||||
|
.content-info-list > .list-inner > .list-item > view {
|
||||||
|
width: 200rpx;
|
||||||
|
margin: 10rpx auto;
|
||||||
|
font-size: 10pt;
|
||||||
|
}
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "个人资料",
|
||||||
|
"navigationBarTextStyle": "white",
|
||||||
|
"navigationBarBackgroundColor": "#9999CC"
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
<!--pages/revise/revise.wxml-->
|
||||||
|
<view class="info">
|
||||||
|
<!-- 头像 -->
|
||||||
|
<view>
|
||||||
|
<view class="fl">头像</view>
|
||||||
|
<view class="rl">
|
||||||
|
<image src="{{imgUrl}}" mode="aspectFill" bindtap="changeAvatar"></image>
|
||||||
|
<image class="arrow" src="/images/arrow.png"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 昵称 -->
|
||||||
|
<view>
|
||||||
|
<view class="fl">昵称</view>
|
||||||
|
<view class="rl">{{username}}<view class="arrow"></view></view>
|
||||||
|
</view>
|
||||||
|
<!-- 性别 -->
|
||||||
|
<view>
|
||||||
|
<view class="fl">性别</view>
|
||||||
|
<view class="rl">{{gender}}<view class="arrow"></view></view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<view class="fl">电话</view>
|
||||||
|
<view class="rl">{{phone}}<view class="arrow"></view></view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<view class="fl">QQ</view>
|
||||||
|
<view class="rl">{{QQ}}<view class="arrow"></view></view>
|
||||||
|
</view>
|
||||||
|
<button bindtap="jump" from-type="primary" class="primary">确定修改</button>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,57 @@
|
|||||||
|
/* pages/revise/revise.wxss */
|
||||||
|
|
||||||
|
page {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info > view {
|
||||||
|
background-color: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 20rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
|
border-bottom: 1px solid #efefef;
|
||||||
|
height: 80rpx;
|
||||||
|
}
|
||||||
|
/* .button{
|
||||||
|
color: rgb(149, 189, 176);
|
||||||
|
} */
|
||||||
|
.info > view:last-child {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fl {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rl {
|
||||||
|
flex: 1;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info image {
|
||||||
|
width: 50rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info .arrow {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
float: right;
|
||||||
|
margin: 26rpx 0 0 15rpx;
|
||||||
|
}
|
||||||
|
.primary{
|
||||||
|
width:100%;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
margin-top: 50rpx;
|
||||||
|
height: 104rpx;
|
||||||
|
line-height: 78rpx;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
font-size: 34rpx;
|
||||||
|
background-color: #e3f4ff;
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
// pages/say/say.js
|
||||||
|
Page({
|
||||||
|
formSubmit: function(e) {
|
||||||
|
// 表单返回的所有数据
|
||||||
|
var formData = e.detail.value
|
||||||
|
// 获取上一个页面的对象
|
||||||
|
var pages = getCurrentPages()
|
||||||
|
var prevPage = pages[pages.length - 2]
|
||||||
|
// 调用上一个页面的 setData() 方法，把数据存到上一个页面中去
|
||||||
|
prevPage.setData({
|
||||||
|
username: formData.username,
|
||||||
|
gender: formData.gender
|
||||||
|
})
|
||||||
|
// 返回到上一个页面
|
||||||
|
wx.navigateBack()
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"navigationBarBackgroundColor": "#cfe2f3",
|
||||||
|
"navigationBarTitleText": "算经十书",
|
||||||
|
"navigationBarTextStyle":"black"
|
||||||
|
}
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
/* pages/say/say.wxss */
|
||||||
|
page {
|
||||||
|
background-color: #d9e8f0;
|
||||||
|
font-size: 35rpx;
|
||||||
|
}
|
||||||
|
.say {
|
||||||
|
/* 水平垂直居中 */
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.say > image {
|
||||||
|
width: 400rpx;
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
@ -0,0 +1,53 @@
|
|||||||
|
{
|
||||||
|
"description": "项目配置文件",
|
||||||
|
"packOptions": {
|
||||||
|
"ignore": [],
|
||||||
|
"include": []
|
||||||
|
},
|
||||||
|
"setting": {
|
||||||
|
"bundle": false,
|
||||||
|
"userConfirmedBundleSwitch": false,
|
||||||
|
"urlCheck": true,
|
||||||
|
"scopeDataCheck": false,
|
||||||
|
"coverView": true,
|
||||||
|
"es6": true,
|
||||||
|
"postcss": true,
|
||||||
|
"compileHotReLoad": false,
|
||||||
|
"lazyloadPlaceholderEnable": false,
|
||||||
|
"preloadBackgroundData": false,
|
||||||
|
"minified": true,
|
||||||
|
"autoAudits": false,
|
||||||
|
"newFeature": false,
|
||||||
|
"uglifyFileName": false,
|
||||||
|
"uploadWithSourceMap": true,
|
||||||
|
"useIsolateContext": true,
|
||||||
|
"nodeModules": false,
|
||||||
|
"enhance": true,
|
||||||
|
"useMultiFrameRuntime": true,
|
||||||
|
"useApiHook": true,
|
||||||
|
"useApiHostProcess": true,
|
||||||
|
"showShadowRootInWxmlPanel": true,
|
||||||
|
"packNpmManually": false,
|
||||||
|
"enableEngineNative": false,
|
||||||
|
"packNpmRelationList": [],
|
||||||
|
"minifyWXSS": true,
|
||||||
|
"showES6CompileOption": false,
|
||||||
|
"minifyWXML": true,
|
||||||
|
"babelSetting": {
|
||||||
|
"ignore": [],
|
||||||
|
"disablePlugins": [],
|
||||||
|
"outputPath": ""
|
||||||
|
},
|
||||||
|
"condition": false,
|
||||||
|
"ignoreUploadUnusedFiles": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram",
|
||||||
|
"libVersion": "2.19.4",
|
||||||
|
"appid": "wx0384afbf2f937970",
|
||||||
|
"projectname": "miniprogram-92",
|
||||||
|
"condition": {},
|
||||||
|
"editorSetting": {
|
||||||
|
"tabIndent": "insertSpaces",
|
||||||
|
"tabSize": 2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 972 KiB |
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
|
||||||
|
"rules": [{
|
||||||
|
"action": "allow",
|
||||||
|
"page": "*"
|
||||||
|
}]
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
const formatTime = date => {
|
||||||
|
const year = date.getFullYear()
|
||||||
|
const month = date.getMonth() + 1
|
||||||
|
const day = date.getDate()
|
||||||
|
const hour = date.getHours()
|
||||||
|
const minute = date.getMinutes()
|
||||||
|
const second = date.getSeconds()
|
||||||
|
|
||||||
|
return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}`
|
||||||
|
}
|
||||||
|
|
||||||
|
const formatNumber = n => {
|
||||||
|
n = n.toString()
|
||||||
|
return n[1] ? n : `0${n}`
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
formatTime
|
||||||
|
}
|
||||||
Binary file not shown.
Loading…
Reference in new issue