吴亚瑞 / basicEnglish · 提交

转到一个项目

作者 吴亚瑞
提交 22339995a823ed30b09c982574db038943d306b0 0 个父辈

页面修改

内嵌 并排对比
正在显示 100 个修改的文件 包含 1695 行增加 和 0 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 100 of 100+ 个文件。

// 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
}
})
\ No newline at end of file
... ...
{
"pages":[
"pages/index/index",
"pages/eight/eight",
"pages/sheet/sheet",
"pages/first/first",
"pages/second/second",
"pages/three/three",
"pages/four/four",
"pages/five/five",
"pages/six/six",
"pages/sever/sever",
"pages/nine/nine",
"pages/mission/mission",
"pages/question/question",
"pages/picture/picture",
"pages/quest-2/quest-2",
"pages/quest-3/quest-3",
"pages/quest-4/quest-4",
"pages/share/share",
"pages/partake/partake",
"pages/king/king",
"pages/quest-5/quest-5",
"pages/means/means",
"pages/petname/petname",
"pages/password/password",
"pages/notice/notice",
"pages/task/task",
"pages/account/account",
"pages/trends/trends",
"pages/integral/integral",
"pages/record/record",
"pages/recordto/recordto",
"pages/requre/requre",
"pages/success/success",
"pages/end/end",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle":"black"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "",
"iconPath": "/img/4@2x.png",
"selectedIconPath": "/img/ic_tabar_home_s@2x.png"
},
{
"pagePath": "pages/eight/eight",
"text": "任务",
"iconPath": "/img/ic_mess@2x.png",
"selectedIconPath": "/img/ic_mess@2x.png"
},
{
"pagePath": "pages/sheet/sheet",
"text": "",
"iconPath": "img/3_1@2x.png",
"selectedIconPath": "img/3@2x.png"
}
],
"color": "#000000",
"selectedColor": "red",
"backgroundColor": "#ffffff"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
... ...
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
/**app.wxss**/
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
page,view,text,swiper,swiper-item,image,navigator {
padding: 0;
margin: 0;
box-sizing: border-box;
}
/* 主题颜色通过变量来实现，less存在变量这个知识，原生的css和wxss也支持变量 */
page{
--themeColor:#eb4450 ;
}
/* 定义统一字体大小，如果设计稿大小是375px
1px=2rpx
14px=28rpx
实现字体大小的变化*/
page{
font-size: 28rpx;
}
... ...
// componet/zujian.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class="nav">
<image src="/img/ic_mess@2x.png"></image>
<image src="/img/Frame.png"></image>
</view>
<view class="title">一千零一夜阿拉伯民间故事集</view>
<view class="audio">
<text>00:02</text>
<view class="audio-0">
<view class="audio-1"></view>
</view>
<text>00:20</text>
</view>
... ...
.nav {
display: flex;
justify-content: space-between;
}
.nav image {
margin: 32rpx 18rpx;
width: 56rpx;
height: 56rpx;
}
.title {
font-size: 36rpx;
text-align: center;
font-weight: 600;
}
.audio {
padding: 32rpx;
display: flex;
margin-top: 54rpx;
justify-content: space-between;
}
.audio-0 {
padding: 0 20rpx;
}
.audio-1 {
width: 240px;
height: 13rpx;
margin-top: 10rpx;
background: #f8f8f8;
}
\ No newline at end of file
... ...
// componet-1/zujian1.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
time:[
'sun',
'Mon',
'web',
'thu',
'fri',
'sat'
]
},
/**
* 组件的方法列表
*/
methods: {
}
})
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class="top">
<view class="ttop">April</view>
<view class="top-0">
<view wx:for="{{time}}" wx:key="ids" class="top-1">{{item}}</view>
</view>
</view>
<view class="art"><image src="/img/51.jpg"></image></view>
... ...
/* componet-1/zujian1.wxss */
.top{
height: 148rpx;
text-align: center;
border-top: 1px solid rgb(224, 221, 221);
box-shadow: 5rpx 5rpx 5rpx rgba(0, 0, 0, .1);
}
.ttop{
height: 88rpx;
line-height: 88rpx;
font-weight: 600;
}
.top-0{
display: flex;
justify-content: space-around;
}
.art{
margin-top: 15rpx;
padding: 10rpx;
}
.art image{
border-radius: 45rpx;
height: 740rpx;
width: 100%;
}
\ No newline at end of file
... ...

74.8 KB

98.3 KB

122.0 KB
不能预览此文件类型

660 字节

887 字节

907 字节

50.7 KB

53.5 KB

15.1 KB

714 字节
// pages/20/20.js
Page({
/**
* 页面的初始数据
*/
data: {
content:'人文学院包括中文、历史、哲学3个系，有2个教育部批准成立的研究所：中国语言文学研究所、历史研究所；1个',
anniu:[
{
style:'rgba(255,200,61,1)',
name:'学院简介'
},
{
style:'#f8f8f8',
name:'学院动态'
},
{
style:'#f8f8f8',
name:'学长学姐信息'
},
]
},
gotoday(){
wx.redirectTo({
url: '/pages/trends/trends',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#f8f8f8",
"navigationBarTextStyle":"black",
"navigationBarTitleText": "学院"
}
\ No newline at end of file
... ...
<view class="top">
<image src="/img/img_colloge@2x.png"></image>
</view>
<view class="nav">
<view class="nav-1">
<image src="/img/img_logo@2x.png"></image>
</view>
<view class="anniu" bindtap="gotoday">当前分数·500</view>
</view>
<view class="butm-0">
<view class="butm" wx:for="{{anniu}}" style="background:{{item.style}};">{{item.name}}</view>
</view>
<!-- 学院简介 -->
<view class="text">
<rich-text nodes="{{content}}"></rich-text>
</view>
<!-- 学院动态 -->
<view class="box-stu" wx:for="{{art}}">
<view class="stu-1">
<view>与中英小学交流活动</view>
<text>2020-04-30</text>
</view>
<view class="stu-2">
<image src="/img/7.jpg"></image>
</view>
</view>
... ...
.top image{
width: 100%;
}
.nav{
position: relative;
text-align:center;
}
.nav-1 image{
position: absolute;
left:44rpx;
top:-84rpx;
width: 168rpx;
height: 168rpx;
}
.anniu{
width: 258rpx;
height: 73rpx;
line-height: 73rpx;
margin: 0 auto;
margin-top: 28rpx;
border-radius: 86rpx;
background: #f8f8f8;
}
.butm{
width: 170rpx;
height: 73rpx;
text-align: center;
line-height: 73rpx;
margin-top: 28rpx;
border-radius: 86rpx;
}
.butm-0 .butm:last-child{
width: 228rpx;
}
.butm-0{
display: flex;
margin-top: 48rpx;
justify-content: space-around;
}
/* 学院简介 */
.text{
font-size: 30rpx;
padding: 0 32rpx;
line-height: 56rpx;
}
/* 学院动态 */
.box-stu{
display: flex;
width: 670rpx;
height: 224rpx;
border-radius: 32rpx;
margin: 72rpx auto;
padding:32rpx;
background: #f8f8f8;
justify-content: space-between;
}
.stu-1{
display: flex;
font-size: 32rpx;
font-weight: 600;
flex-direction: column;
justify-content: space-between;
}
.stu-1 text{
font-size: 24rpx;
color: rgba(196,196,196,1);
}
.box-stu image{
width: 220rpx;
height: 136rpx;
border-radius: 16rpx;
}
... ...
// pages/eight/eight.js
Page({
/**
* 页面的初始数据
*/
data: {
sbox: [{
img: '/img/ic_date_dangri@2x.png',
text: '当日任务',
bool: true
},
{
img: '/img/ic_date_dangri@2x.png',
text: '测评任务',
bool:true
},
{
img: '/img/ic_date_dangri@2x.png',
text: '比赛任务',
bool:true
}
]
},
gotoday(){
wx.redirectTo({
url: '/pages/mission/mission',
})
},
dianji(e) {
// let bool = e.currentTarget.dataset.bool
let index = e.currentTarget.dataset.index
// let list = this.data.sbox
this.data.sbox[index].bool =false
this.setData({
// sbox: list
sbox:this.data.sbox
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {
"zujian1":"../../componets/zujian1"
},
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle":"black",
"navigationBarTitleText": "B&C HOUSE"
}
\ No newline at end of file
... ...
<zujian1></zujian1>
<view class="line" wx:for="{{sbox}}" wx:key="id">
<view style="display:flex;flex:1;align-items:center">
<image src="{{item.img}}"></image>
<view>{{item.text}}</view>
</view>
<view bindtap="dianji" data-bool="{{item.bool}}" data-index="{{index}}">
<view class="{{item.bool?'buka':' buka yibuka'}}" bindtap="gotoday">{{item.bool?'打卡':'已打卡'}}</view>
</view>
</view>
\ No newline at end of file
... ...
page {
background: #f8f8f8;
}
.line {
/* position: relative; */
display: flex;
width: 686rpx;
font-size: 36rpx;
font-weight: 600;
line-height: 144rpx;
background: #ffffff;
margin: 0 auto;
margin-top: 24rpx;
border-radius: 32rpx;
align-items: center;
}
/* .line view:first-child {
padding: 0 32rpx;
} */
.line image {
width: 80rpx;
height: 80rpx;
vertical-align: middle;
margin-right: 20rpx;
}
.buka {
font-size: 24rpx;
width: 120rpx;
height: 56rpx;
border-radius: 60rpx;
background: rgba(255, 200, 61, 1);
text-align: center;
line-height: 56rpx;
}
.yibuka{
background: rgb(189, 187, 187);
color: #fff;
}
\ No newline at end of file
... ...
// pages/28/26.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#383744",
"navigationBarTextStyle":"white",
"navigationBarTitleText": "成长体系"
}
\ No newline at end of file
... ...
<view class="tips">
<image src="/img/99.png"></image>
</view>
<view class="top">
<view class="top-1">
<text>Harry 的阅读打卡</text>
<view class="cent">
已连续打卡第
<text class="color">34</text>
天，共读过
<text class="color">47</text>
本书
</view>
<view class="cent">我的阅读量<text class="color">633</text>词</view>
</view>
<image src="/img/02.png"></image>
</view>
\ No newline at end of file
... ...
/* pages/28/26.wxss */
.top{
width: 100%;
height: 1208rpx;
}
.tips{
background:#383744;
text-align: right;
padding-right:34rpx;
padding-top: 70rpx;
}
.tips image{
width: 144rpx;
height: 144rpx;
}
.top image{
width: 100%;
height: 100%;
}
.top-1{
position: absolute;
left: 54rpx;
line-height: 56rpx;
color: rgba(248,248,248,1);
}
.top-1 text:first-child{
font-size: 40rpx;
font-weight: 600;
line-height: 56rpx;
margin-bottom: 14rpx;
}
.cent .color{
font-size: 40rpx;
margin: 0 8rpx;
display: inline;
color: rgba(226,201,155,1);
}
... ...
// pages/first/first.js
Page({
/**
* 页面的初始数据
*/
data: {
},
gotoday(){
wx.redirectTo({
url: '/pages/three/three',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#f8f8f8",
"navigationBarTextStyle":"black",
"navigationBarTitleText": "B&C HOUSE"
}
\ No newline at end of file
... ...
<view class="nav">
<image src="/img/ic_mess@2x.png"></image>
<image src="/img/Frame.png"></image>
</view>
<view class="vide">
<image src="/img/7.jpg"></image>
<view class="play"><image src="/img/ic_play@2x.png"></image></view>
</view>
<view class="box-end" bindtap="gotoday">Next</view>
\ No newline at end of file
... ...
.nav{
display: flex;
justify-content: space-between;
}
.nav image{
margin:32rpx 18rpx ;
width:56rpx;
height: 56rpx;
}
.vide{
position: relative;
}
.vide image{
width: 100%;
height: 422rpx;
}
.play image{
position: absolute;
top:50%;
margin-top: -40rpx;
left:50%;
margin-left: -40rpx;
width: 80rpx;
height: 80rpx;
}
.box-end{
position: absolute;
bottom:40rpx;
left: 50%;
margin-left: -126rpx;
text-align: center;
width: 252rpx;
height: 80rpx;
line-height: 80rpx;
border-radius: 32rpx;
font-size: 28rpx;
font-weight: 600;
background:rgba(255,200,61,1);
}
\ No newline at end of file
... ...
// pages/five/five.js
Page({
/**
* 页面的初始数据
*/
data: {
},
gotoday(){
wx.redirectTo({
url: '/pages/six/six',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {
"zujian":"../../componet/zujian"
}
}
\ No newline at end of file
... ...
<zujian></zujian>
<view class="art">
<image src="/img/ic_voice40@2x.png"></image>
<image src="/img/ic_rec_s@2x.png"></image>
<image src="/img/ic_play_u@2x.png"></image>
</view>
<view class="box-end" bindtap="gotoday">Next</view>
\ No newline at end of file
... ...
.art{
background: #f8f8f8;
border-radius: 36rpx;
width: 686rpx;
height:272rpx;
padding: 80rpx 0;
text-align: center;
margin: 0 auto;
margin-top:120rpx;
}
.art image{
width: 80rpx;
height: 80rpx;
box-shadow: 5rpx 5rpx 5rpx rgba(0, 0, 0, .2);
border-radius:40rpx;
}
.art image:nth-child(2){
width:112rpx;
height: 112rpx;
border-radius: 56rpx;
margin: 0 48rpx;
}
.box-end {
position: absolute;
bottom: 40rpx;
left: 50%;
margin-left: -126rpx;
text-align: center;
width: 252rpx;
height: 80rpx;
line-height: 80rpx;
border-radius: 32rpx;
font-size: 28rpx;
font-weight: 600;
background: rgba(255, 200, 61, 1);
}
\ No newline at end of file
... ...
// pages/four/four.js
Page({
/**
* 页面的初始数据
*/
data: {
},
gotoday(){
wx.redirectTo({
url: '/pages/five/five',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#f8f8f8",
"navigationBarTextStyle":"black",
"navigationBarTitleText": "B&C HOUSE"
}
\ No newline at end of file
... ...
<view class="nav">
<image src="/img/ic_mess@2x.png"></image>
<image src="/img/Frame.png"></image>
</view>
<view class="text">
<view>
Pygmalion，King of Cyprus，was a famous sculptor．He made an ivory image of a woman so lovely that he fell in
love with it．Every day he tried to make Galatea up in gold andpurple，for that was the name he had given to
this mistress of his heart．
</view>
<view>Pygmalion，King of Cyprus，was a famous sculptor．He made an ivory image of a woman so lovely that he fell in
love with it．Every day he tried to make Galatea up in gold andpurple，for that was the name he had given to
this mistress of his heart．
</view>
</view>
<view class="img">
<image src="/img/7.jpg"></image>
</view>
<view class="box-end" bindtap="gotoday">Next</view>
\ No newline at end of file
... ...
.nav {
display: flex;
justify-content: space-between;
}
.nav image {
margin: 32rpx 18rpx;
width: 56rpx;
height: 56rpx;
}
.img{
margin-top: 64rpx;
text-align: center;
}
.text{
padding:0 32rpx;
font-size: 28rpx;
line-height: 40rpx;
}
.text view:last-child{
margin-top:32rpx;
}
.img image{
width: 686rpx;
height:458rpx;
border-radius: 36rpx;
}
.box-end {
margin: 30rpx auto;
margin-top:38rpx;
text-align: center;
width: 422rpx;
height: 100rpx;
line-height: 100rpx;
border-radius: 32rpx;
font-size: 28rpx;
font-weight: 600;
background: rgba(255, 200, 61, 1);
}
\ No newline at end of file
... ...
// index.js
// 获取应用实例
// const app = getApp()
Page({
data: {
lunbo: [
"/img/lunbo.png",
"/img/lunbo.png",
"/img/lunbo.png"
],
box:[
{
num:2,
box_1:'分',
box_2:'阅读时长'
},
{
num:500,
box_1:'个',
box_2:'阅读单词'
},
{
num:2,
box_1:'本',
box_2:'阅读英语书'
}
]
},
goToday(){
wx.navigateTo({
url: '/pages/first/first',
})
},
items_jf(){
wx.navigateTo({
url: '/pages/integral/integral',
})
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#3a3942",
"navigationBarTextStyle":"white",
"navigationBarTitleText": "B&C HOUSE"
}
\ No newline at end of file
... ...
<view class="top">
<swiper class="swiper" autoplay="true" interval="3000" circular="true" indicator-dots="true" indicator-color="white">
<swiper-item wx:for="{{lunbo}}" wx:key='key'>
<image src="{{item}}"></image>
</swiper-item>
</swiper>
</view>
<view class="box">
<text class="title">您已坚持打卡-15天</text>
<view class="box-z">
<view class="box-0" wx:for="{{box}}" wx:key='key'>
<view class="box-1">{{item.num}}<text>{{item.box_1}}</text></view>
<view class="box-2">{{item.box_2}}</view>
</view>
</view>
<view class="box-end" bindtap="items_jf">打卡领积分</view>
</view>
<!-- <navigator url="/pages/first" open-type="switch-Tab"> -->
<view class="line" bindtap="goToday">
<view>
<image src="/img/ic_mess@2x.png"></image>
</view>
<view>今日任务</view>
<view>
<image src="/img/ic_arrow@2x.png"></image>
</view>
</view>
<!-- </navigator> -->
<!-- <view class="footer">
<image src="/img/ic_tabar_my_s@2x.png"></image>
<image src="/img/ic_tabar_home_s@2x.png"></image>
</view> -->
\ No newline at end of file
... ...
.top{
height:468rpx;
background:rgba(58,57,66,1) ;
}
.swiper{
margin: 0 auto;
width: 686rpx;
height: 100%;
}
.top image{
width: 100%;
}
.box{
text-align: center;
padding-top: 48rpx;
width: 686rpx;
height: 414rpx;
margin: 0 auto;
margin-top: 72rpx;
border-radius: 32rpx;
background: #f7f7f7;
}
.title{
font-size: 36rpx;
margin-top: 48rpx;
font-weight: 600;
}
.box-z{
margin-top: 48rpx;
display: flex;
justify-content: space-around;
}
.box-1{
font-size: 40rpx;
font-weight: 600;
}
.box-1 text{
font-size: 24rpx;
color: rgba(196,196,196,1);
}
.box-2{
font-size: 24rpx;
margin-top: 6rpx;
color:rgba(196,196,196,1) ;
}
.box-end{
width: 252rpx;
height: 80rpx;
line-height: 80rpx;
margin: 0 auto;
border-radius: 32rpx;
margin-top:47rpx;
font-size: 28rpx;
font-weight: 600;
background:rgba(255,200,61,1);
}
.line{
margin-bottom: 200rpx;
position: relative;
top: 72rpx;
left: 50%;
margin-left:-343rpx;
display: flex;
width: 686rpx;
height: 144rpx;
font-size: 36rpx;
font-weight: 600;
line-height: 144rpx;
background: #f7f7f7;
border-radius: 32rpx;
}
.line view:first-child{
padding:0 32rpx;
}
.line image{
width: 48rpx;
height: 48rpx;
vertical-align: middle;
}
.line view:last-child{
position: absolute;
right:56rpx;
}
.footer{
position: fixed;
bottom: 0;
width: 100%;
height: 100rpx;
display: flex;
padding: 15rpx 0;
justify-content: space-around;
background: #ffffff;
}
.footer image{
width: 66rpx;
height: 66rpx;
}
... ...
// pages/23/23.js
Page({
/**
* 页面的初始数据
*/
data: {
mony:[
{
mon:'234'
},
{
mon:'234'
},
{
mon:'234'
},
{
mon:'234'
}
]
},
gotoday(){
wx.redirectTo({
url: '/pages/record/record',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#f8f8f8",
"navigationBarTextStyle":"black",
"navigationBarTitleText": "积分商城"
}
\ No newline at end of file
... ...
<view class="top" bindtap="gotoday">
<image src="/img/ic_jilu@2x.png"></image>
</view>
<view class="nav">
<text>我的积分</text>
<view>500</view>
</view>
<view class="moon">
<view class="mony" wx:for="{{mony}}" >
<view>
<image src="/img/01.png"></image>
</view>
<view class="mon-1">
<text>Apple/苹果 iPhone 11 512G 8G</text>
<view class="mon-2">
<view class="mon-4"><image src="/img/ic_jifen@2x.png"></image>
<view>378</view>
</view>
<view class="mon-3">兑换</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #f8f8f8;
}
.top{
padding:36rpx 32rpx;
text-align: right;
}
.top image{
width: 56rpx;
height: 56rpx;
}
.nav{
padding:28rpx;
text-align: center;
}
.nav text{
font-size: 28rpx;
line-height: 40rpx;
color:rgba(150,151,153,1);
}
.nav view{
font-size: 64rpx;
font-weight: 600;
}
.moon{
display: flex;
margin-bottom: 40rpx;
flex-wrap: wrap;
margin-left: 18rpx;
}
.mony{
width:336rpx;
height:520rpx;
margin-top:16rpx;
margin-left: 14rpx;
background: #ffffff;
}
.mony image{
width: 100%;
height: 336rpx;
}
.mon-1{
padding: 24rpx;
}
.mon-1 text{
font-size: 28rpx;
color:rgba(50,50,51,1);
font-weight: 600;
}
.mon-2{
display: flex;
justify-content: space-between;
font-size: 24rpx;
}
.mon-4{
display: flex;
color:rgba(255,177,61,1);
margin-top: 8rpx;
}
.mon-4 image{
margin-right: 8rpx;
margin-top: 4rpx;
}
.mon-2 image{
width: 32rpx;
height: 32rpx;
vertical-align: middle;
}
.mon-3{
width: 104rpx;
height: 56rpx;
line-height: 56rpx;
text-align: center;
border-radius: 60rpx;
background: rgba(255,200,61,1);
}
\ No newline at end of file
... ...
// pages/09/09.js
Page({
/**
* 页面的初始数据
*/
data: {
},
gotoday(){
wx.redirectTo({
url: '/pages/share/share',
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle":"black",
"navigationBarTitleText": ""
}
\ No newline at end of file
... ...
<view class="nav">
<image src="/img/ic_mess@2x.png"></image>
<image src="/img/Frame.png"></image>
</view>
<view class="text">
<view>
Pygmalion，King of Cyprus，was a famous sculptor．He made an ivory image of a woman so lovely that he fell in
love with it．Every day he tried to make Galatea up in gold andpurple，for that was the name he had given to
this mistress of his heart．
</view>
<view>Pygmalion，King of Cyprus，was a famous sculptor．He made an ivory image of a woman so lovely that he fell in
love with it．Every day he tried to make Galatea up in gold andpurple，for that was the name he had given to
this mistress of his heart．
</view>
</view>
<view class="img">
<view class="img-0">
<image src="/img/7.jpg"></image>
<view class="img-1">
<image src="/img/ic_close@2x.png"></image>
</view>
</view>
<view class="img-0">
<image src="/img/7.jpg"></image>
<view class="img-1">
<image src="/img/ic_close@2x.png"></image>
</view>
</view>
</view>
<view class="box-end" bindtap="gotoday">Next</view>
\ No newline at end of file
... ...
.nav {
display: flex;
justify-content: space-between;
}
.nav image {
margin: 32rpx 18rpx;
width: 56rpx;
height: 56rpx;
}
.img-0{
position: relative;
width: 218rpx;
margin-top: 64rpx;
margin-left: 32rpx;
}
.text{
padding:0 32rpx;
font-size: 28rpx;
line-height: 40rpx;
}
.text view:last-child{
margin-top:32rpx;
}
.img{
display: flex;
}
.img image{
width: 218rpx;
height:218rpx;
border-radius: 14rpx;
}
.img-1{
position: absolute;
top: 0;
right: 0;
width: 35rpx;
height: 35rpx;
line-height: 22rpx;
text-align: center;
background: #f8f8f8;
border-radius: 0 14rpx 0 64rpx;
}
.img-1 image{
width: 24rpx;
height: 24rpx;
}
.box-end {
position: fixed;
bottom: 20rpx;
left: 50%;
margin-left:-211rpx;
text-align: center;
width: 422rpx;
height: 100rpx;
line-height: 100rpx;
border-radius: 32rpx;
font-size: 28rpx;
font-weight: 600;
background: rgba(255, 200, 61, 1);
}
\ No newline at end of file
... ...
// logs.js
const util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad() {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(log => {
return {
date: util.formatTime(new Date(log)),
timeStamp: log
}
})
})
}
})
... ...
{
"navigationBarTitleText": "查看启动日志",
"usingComponents": {}
}
\ No newline at end of file
... ...