czg_team
/
new_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

This commit is contained in:
gyq 2025-01-06 18:27:42 +08:00
parent 6b3451bcc2
commit fb23d878de
5 changed files with 230 additions and 225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

236
App.vue
View File

@ -1,124 +1,122 @@
<script>
import http from '@/http/http.js'
export default {
onLaunch: function() {
console.log('App Launch')
// const systemInfo = uni.getSystemInfoSync();
// const isA = systemInfo.platform === 'android'
// if (isA) {
// uni.setStorageSync('isAI', true)
// } else {
// uni.setStorageSync('isAI', false)
// }
},
onShow: function() {
// ios是否在审核
http.request({
url: 'app/common/type/919',
}).then(res => {
if (res.code == 0) {
uni.setStorageSync('isExamine', res.data.value)
}
})
},
onHide: function() {
console.log('App Hide')
}
import http from '@/http/http.js';
export default {
onLaunch: function () {
console.log('App Launch');
// const systemInfo = uni.getSystemInfoSync();
// const isA = systemInfo.platform === 'android'
// if (isA) {
// uni.setStorageSync('isAI', true)
// } else {
// uni.setStorageSync('isAI', false)
// }
},
onShow: function () {
// ios是否在审核
http.request({
url: 'app/common/type/919'
}).then((res) => {
if (res.code == 0) {
uni.setStorageSync('isExamine', res.data.value);
}
});
},
onHide: function () {
console.log('App Hide');
}
};
</script>
<style lang="scss">
/*每个页面公共css */
@import "uview-plus/index.scss";
ul,
li {
list-style: none;
}
.show {
display: none !important;
}
.hidden {
display: block !important;
}
page,
view,
scroll-view,
swiper,
swiper-item,
match-media,
movable-area,
movable-view,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox-group,
editor,
form,
input,
label,
picker,
picker-view,
radio-group,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video,
live-player,
live-pusher,
map,
canvas,
web-view {
box-sizing: border-box;
padding: 0;
margin: 0;
text-decoration: none;
outline: none;
}
.initStyle {
padding: 20rpx;
background-color: #2a2a2a;
height: 100vh;
color: #fff;
}
.fc {
color: #f4f693;
}
.inputClass {
line-height: 80rpx;
}
.inputClass input {
background-color: #fff;
height: 80rpx;
padding: 10rpx;
color: #000;
}
.result {
position: absolute;
font-size: 100rpx;
left: 50%;
top: 800rpx;
transform: translateX(-50%);
}
</style>
/*每个页面公共css */
@import 'uview-plus/index.scss';
ul,
li {
list-style: none;
}
.show {
display: none !important;
}
.hidden {
display: block !important;
}
page,
view,
scroll-view,
swiper,
swiper-item,
match-media,
movable-area,
movable-view,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox-group,
editor,
form,
input,
label,
picker,
picker-view,
radio-group,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video,
live-player,
live-pusher,
map,
canvas,
web-view {
box-sizing: border-box;
padding: 0;
margin: 0;
text-decoration: none;
outline: none;
}
image {
display: block;
}
.initStyle {
padding: 20rpx;
background-color: #2a2a2a;
height: 100vh;
color: #fff;
}
.fc {
color: #f4f693;
}
.inputClass {
line-height: 80rpx;
}
.inputClass input {
background-color: #fff;
height: 80rpx;
padding: 10rpx;
color: #000;
}
.result {
position: absolute;
font-size: 100rpx;
left: 50%;
top: 800rpx;
transform: translateX(-50%);
}
</style>

3
api/me/me.js
View File

@ -6,6 +6,7 @@ import http from '@/http/http.js'
export const selectByUserId = (data) => {
return http.request({
url: '/courseCollect/selectByUserId',
data: data
data: data,
method: 'GET'
})
}

3
pages.json
View File

@ -31,7 +31,8 @@
"path": "pages/chasingDrama/index",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
"navigationStyle": "custom",
"enablePullDownRefresh": true
}
},{
"path": "pages/me/index",

200
pages/chasingDrama/index.vue
View File

@ -8,76 +8,54 @@
</view>
<view class="list">
<view class="item">
<div class="item-content">
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</div>
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</view>
<view class="item">
<div class="item-content">
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</div>
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</view>
<view class="item">
<div class="item-content">
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</div>
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</view>
<view class="item">
<div class="item-content">
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</div>
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</view>
<view class="item">
<div class="item-content">
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</div>
</view>
<view class="item">
<div class="item-content">
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</div>
<view class="cover">
<image class="img" src="https://img0.baidu.com/it/u=966333451,3199467079&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=714" mode="aspectFill"></image>
<view class="num">第三集</view>
</view>
<view class="intro-wrap">
<view class="name">我在八十年代当后妈</view>
<view class="t">言情</view>
</view>
</view>
</view>
</view>
@ -105,20 +83,37 @@
</template>
<script setup>
import { reactive } from 'vue';
import { selectByUserId } from '@/api/me/me.js';
import { onLoad } from '@dcloudio/uni-app';
import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app';
async function selectByUserIdAjax() {
try {
const res = await selectByUserId();
console.log(res);
const res1 = await selectByUserId({ page: 1, limit: 6, classify: 3 });
const res2 = await selectByUserId({ page: 1, limit: 6, classify: 6 });
console.log(res1);
console.log(res2);
} catch (error) {
console.log(error);
}
}
const data = reactive({
list1: [], // 最近观看
list2: [] // 我的追剧
});
// 滚动到底部
onReachBottom(() => {});
// 监听下拉结束
onPullDownRefresh(() => {
selectByUserIdAjax();
});
// 页面初始化
onLoad(() => {
selectByUserId();
selectByUserIdAjax();
});
</script>
@ -155,44 +150,43 @@ page {
grid-row-gap: 28upx;
padding: 0 28upx;
.item {
.item-content {
overflow: hidden;
background-color: #fff;
border-radius: 30upx;
.cover {
height: 200upx;
position: relative;
.img {
width: 100%;
height: 100%;
}
.num {
padding: 4upx 16upx;
border-radius: 8upx;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(5px);
position: absolute;
right: 8upx;
bottom: 8upx;
color: #fff;
font-size: 24upx;
}
width: 100%;
overflow: hidden;
background-color: #fff;
border-radius: 20upx;
.cover {
height: 200upx;
position: relative;
.img {
width: 100%;
height: 100%;
}
.intro-wrap {
padding: 20upx;
.name {
width: 180upx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 32upx;
font-weight: bold;
}
.t {
color: #999;
font-size: 24upx;
margin-top: 8upx;
}
.num {
padding: 4upx 16upx;
border-radius: 8upx;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(5px);
position: absolute;
right: 8upx;
bottom: 8upx;
color: #fff;
font-size: 24upx;
}
}
.intro-wrap {
padding: 20upx;
.name {
width: 180upx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 32upx;
font-weight: bold;
}
.t {
color: #999;
font-size: 24upx;
margin-top: 8upx;
}
}
}

13
pages/me/index.vue
View File

@ -5,7 +5,9 @@
<view class="content">
<view class="user-info">
<view class="logo-wrap">
<view class="logo"></view>
<view class="logo">
<image class="img" src="/static/logo.png" mode="widthFix"></image>
</view>
<view class="quick-menu">
<image class="icon" src="/static/me/logo_btn1.png" mode="aspectFit"></image>
<image class="icon" src="/static/me/logo_btn2.png" mode="aspectFit"></image>
@ -137,7 +139,15 @@ page {
.user-info {
.logo-wrap {
display: flex;
align-items: center;
justify-content: space-between;
.logo {
width: 160upx;
.img {
width: 100%;
display: block;
}
}
.quick-menu {
display: flex;
gap: 20upx;
@ -151,6 +161,7 @@ page {
.top {
display: flex;
align-items: center;
padding-top: 40upx;
.avatar {
$size: 94upx;
width: $size;