删除无用文件
This commit is contained in:
ovo
parent
86dd9d4538
commit
f6bff8dbc5
|
|
@ -4,22 +4,10 @@
|
|||
<!-- 顶部标题栏 -->
|
||||
<view class="header">
|
||||
<text class="title">阅读管理</text>
|
||||
<view class="settings" bindtap="goToSettings">设置</view>
|
||||
</view>
|
||||
|
||||
<!-- 搜索框 -->
|
||||
<view class="search-box">
|
||||
<icon type="search" size="16" color="#999"/>
|
||||
<input class="search-input" placeholder="搜索" placeholder-class="search-placeholder"/>
|
||||
</view>
|
||||
|
||||
<!-- 用户信息栏 -->
|
||||
<view class="user-bar">
|
||||
<text class="status-text">体验卡已过期</text>
|
||||
</view>
|
||||
|
||||
<!-- 书架预览 -->
|
||||
<scroll-view class="book-list" scroll-x enable-flex>
|
||||
<!-- 书籍列表 -->
|
||||
<view class="book-list">
|
||||
<view class="book-item"
|
||||
wx:for="{{recentBooks}}"
|
||||
wx:key="id"
|
||||
|
|
@ -27,54 +15,16 @@
|
|||
data-id="{{item.id}}"
|
||||
data-url="{{item.bookUrl}}">
|
||||
<image class="book-cover" src="{{item.coverUrl}}" mode="aspectFill"/>
|
||||
</view>
|
||||
<view class="book-more" bindtap="goToBookshelf">
|
||||
<text>书架</text>
|
||||
<text class="arrow">></text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 导航标签 -->
|
||||
<scroll-view class="nav-tabs" scroll-x enable-flex>
|
||||
<view class="tab {{currentTab === 'recommend' ? 'active' : ''}}"
|
||||
data-tab="recommend"
|
||||
bindtap="switchTab">推荐</view>
|
||||
<view class="tab {{currentTab === 'category' ? 'active' : ''}}"
|
||||
data-tab="category"
|
||||
bindtap="switchTab">分类</view>
|
||||
<view class="tab {{currentTab === 'rank' ? 'active' : ''}}"
|
||||
data-tab="rank"
|
||||
bindtap="switchTab">排行</view>
|
||||
<view class="tab {{currentTab === 'novel' ? 'active' : ''}}"
|
||||
data-tab="novel"
|
||||
bindtap="switchTab">精品小说</view>
|
||||
<view class="tab {{currentTab === 'literature' ? 'active' : ''}}"
|
||||
data-tab="literature"
|
||||
bindtap="switchTab">文学</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 内容区域 -->
|
||||
<view class="content">
|
||||
<!-- 推荐列表 -->
|
||||
<view class="book-list" wx:if="{{currentTab === 'recommend'}}">
|
||||
<view class="book-item"
|
||||
wx:for="{{recommendBooks}}"
|
||||
wx:key="id"
|
||||
bindtap="openBook"
|
||||
data-id="{{item.id}}"
|
||||
data-url="{{item.bookUrl}}">
|
||||
<image class="book-cover" src="{{item.coverUrl}}" mode="aspectFill"/>
|
||||
<view class="book-info">
|
||||
<text class="book-title">{{item.title}}</text>
|
||||
<view class="book-meta">
|
||||
<text class="book-author">{{item.author}}</text>
|
||||
<text class="book-rating">推荐值 {{item.rating}}%</text>
|
||||
</view>
|
||||
<text class="book-desc">{{item.description}}</text>
|
||||
<text class="book-status">{{item.status}}</text>
|
||||
</view>
|
||||
<view class="book-info">
|
||||
<text class="book-title">{{item.title}}</text>
|
||||
<text class="book-author">{{item.author}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 添加按钮 -->
|
||||
<view class="add-btn" bindtap="goToBookshelf">
|
||||
<text class="add-icon">+</text>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
|
|
|||
|
|
@ -1,206 +1,41 @@
|
|||
/**index.wxss**/
|
||||
page {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.scrollarea {
|
||||
flex: 1;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.userinfo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
color: #aaa;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.userinfo-avatar {
|
||||
overflow: hidden;
|
||||
width: 128rpx;
|
||||
height: 128rpx;
|
||||
margin: 20rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.usermotto {
|
||||
margin-top: 200px;
|
||||
}
|
||||
|
||||
.avatar-wrapper {
|
||||
padding: 0;
|
||||
width: 56px !important;
|
||||
border-radius: 8px;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
display: block;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.nickname-label {
|
||||
width: 105px;
|
||||
}
|
||||
|
||||
.nickname-input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.container {
|
||||
min-height: 100vh;
|
||||
background: #f7f8fa;
|
||||
}
|
||||
|
||||
/* 顶部标题栏 */
|
||||
.container {
|
||||
padding: 0 0 100rpx;
|
||||
}
|
||||
|
||||
/* 顶部标题 */
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 30rpx;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 36rpx;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.settings {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* 搜索框 */
|
||||
.search-box {
|
||||
margin: 20rpx 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #f2f3f5;
|
||||
padding: 16rpx 24rpx;
|
||||
border-radius: 32rpx;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
margin-left: 16rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.search-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 用户信息栏 */
|
||||
.user-bar {
|
||||
padding: 20rpx 30rpx;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.status-text {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* 书架预览 */
|
||||
/* 书籍列表 */
|
||||
.book-list {
|
||||
padding: 20rpx 30rpx;
|
||||
white-space: nowrap;
|
||||
background: #fff;
|
||||
margin-top: 20rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.book-item {
|
||||
display: inline-block;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.book-cover {
|
||||
width: 180rpx;
|
||||
height: 240rpx;
|
||||
border-radius: 8rpx;
|
||||
box-shadow: 0 4rpx 8rpx rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.book-more {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 180rpx;
|
||||
height: 240rpx;
|
||||
background: #f7f8fa;
|
||||
border-radius: 8rpx;
|
||||
color: #666;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
margin-top: 10rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 导航标签 */
|
||||
.nav-tabs {
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
background: #fff;
|
||||
padding: 0 20rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.tab {
|
||||
display: inline-block;
|
||||
padding: 20rpx 30rpx;
|
||||
font-size: 30rpx;
|
||||
color: #666;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab.active::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 40rpx;
|
||||
height: 6rpx;
|
||||
background: #333;
|
||||
border-radius: 3rpx;
|
||||
}
|
||||
|
||||
/* 内容区域 */
|
||||
.content .book-item {
|
||||
display: flex;
|
||||
padding: 20rpx;
|
||||
background: #fff;
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 12rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.content .book-cover {
|
||||
width: 160rpx;
|
||||
height: 220rpx;
|
||||
.book-cover {
|
||||
width: 120rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
|
|
@ -209,15 +44,11 @@ page {
|
|||
}
|
||||
|
||||
.book-title {
|
||||
font-size: 32rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.book-meta {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 10rpx;
|
||||
margin-bottom: 8rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.book-author {
|
||||
|
|
@ -225,127 +56,22 @@ page {
|
|||
color: #666;
|
||||
}
|
||||
|
||||
.book-rating {
|
||||
font-size: 26rpx;
|
||||
color: #ff9500;
|
||||
}
|
||||
|
||||
.book-desc {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.book-status {
|
||||
font-size: 24rpx;
|
||||
color: #1989fa;
|
||||
}
|
||||
|
||||
.today-stats {
|
||||
/* 添加按钮 */
|
||||
.add-btn {
|
||||
position: fixed;
|
||||
right: 40rpx;
|
||||
bottom: 40rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
background: #1989fa;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding: 30rpx;
|
||||
background: #fff;
|
||||
border-radius: 12rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 4rpx 16rpx rgba(25, 137, 250, 0.3);
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
color: #1989fa;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.section {
|
||||
background: #fff;
|
||||
border-radius: 12rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.more {
|
||||
font-size: 24rpx;
|
||||
color: #1989fa;
|
||||
}
|
||||
|
||||
.note-list {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.note-item {
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.note-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.note-content {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
margin: 10rpx 0;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.note-time {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.reading-goal {
|
||||
background: #fff;
|
||||
border-radius: 12rpx;
|
||||
padding: 30rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.goal-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.goal-text {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
margin-top: 10rpx;
|
||||
display: block;
|
||||
text-align: center;
|
||||
.add-icon {
|
||||
color: #fff;
|
||||
font-size: 60rpx;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue