sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

一体机放大效果开发

Browse Source
This commit is contained in:
冯辉
2026-03-12 17:10:34 +08:00
parent 0c63175816
commit e7ef23ad5d
83 changed files with 3034 additions and 2899 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
pages/test/company-mine-test.vue
View File

@@ -95,62 +95,62 @@ const goToMine = () => {
<style lang="scss" scoped>
.test-container {
padding: 40rpx;
padding: 60rpx;
background: #f5f5f5;
min-height: 100vh;
}
.test-section {
background: #fff;
border-radius: 12rpx;
padding: 30rpx;
margin-bottom: 30rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
border-radius: 18rpx;
padding: 45rpx;
margin-bottom: 45rpx;
box-shadow: 0 3rpx 15rpx rgba(0, 0, 0, 0.1);
}
.section-title {
font-size: 32rpx;
font-size: 48rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
}
.button-group {
display: flex;
flex-direction: column;
gap: 20rpx;
margin-bottom: 20rpx;
gap: 30rpx;
margin-bottom: 30rpx;
}
.test-btn {
background: #256BFA;
color: #fff;
border: none;
border-radius: 8rpx;
padding: 20rpx;
font-size: 28rpx;
border-radius: 12rpx;
padding: 30rpx;
font-size: 42rpx;
text-align: center;
}
.current-type {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
padding: 20rpx;
padding: 30rpx;
background: #f8f8f8;
border-radius: 8rpx;
border-radius: 12rpx;
}
.info-display {
display: flex;
flex-direction: column;
gap: 10rpx;
gap: 15rpx;
text {
font-size: 28rpx;
font-size: 42rpx;
color: #333;
padding: 10rpx;
padding: 15rpx;
background: #f8f8f8;
border-radius: 4rpx;
border-radius: 6rpx;
}
}
</style>

36
pages/test/company-search-test.vue
View File

@@ -90,17 +90,17 @@ const goToPublishJob = () => {
<style lang="scss" scoped>
.test-page {
padding: 40rpx;
padding: 60rpx;
background: #f5f5f5;
min-height: 100vh;
}
.header {
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 60rpx;
.title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: 600;
color: #333;
}
@@ -108,40 +108,40 @@ const goToPublishJob = () => {
.test-section {
background: #fff;
border-radius: 12rpx;
padding: 30rpx;
margin-bottom: 30rpx;
border-radius: 18rpx;
padding: 45rpx;
margin-bottom: 45rpx;
.section-title {
font-size: 32rpx;
font-size: 48rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
}
.description {
.desc-text {
display: block;
font-size: 26rpx;
font-size: 39rpx;
color: #666;
line-height: 1.6;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
}
}
.user-type-info {
display: flex;
align-items: center;
margin-bottom: 15rpx;
margin-bottom: 23rpx;
.type-label {
font-size: 28rpx;
font-size: 42rpx;
color: #333;
margin-right: 10rpx;
margin-right: 15rpx;
}
.type-value {
font-size: 28rpx;
font-size: 42rpx;
color: #256BFA;
font-weight: 500;
}
@@ -150,15 +150,15 @@ const goToPublishJob = () => {
.button-group {
display: flex;
flex-direction: column;
gap: 20rpx;
gap: 30rpx;
.test-btn {
height: 80rpx;
height: 120rpx;
background: #256BFA;
color: #fff;
border: none;
border-radius: 12rpx;
font-size: 28rpx;
border-radius: 18rpx;
font-size: 42rpx;
font-weight: 500;
&:active {

58
pages/test/homepage-test.vue
View File

@@ -185,54 +185,54 @@ const refreshTabBar = () => {
<style lang="scss" scoped>
.homepage-test {
padding: 40rpx;
padding: 60rpx;
min-height: 100vh;
background-color: #f5f5f5;
}
.header {
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 60rpx;
}
.title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: bold;
color: #333;
}
.content {
background: white;
border-radius: 20rpx;
padding: 40rpx;
margin-bottom: 40rpx;
border-radius: 30rpx;
padding: 60rpx;
margin-bottom: 60rpx;
}
.user-info, .login-status, .debug-info {
display: flex;
flex-direction: column;
margin-bottom: 20rpx;
padding: 20rpx;
margin-bottom: 30rpx;
padding: 30rpx;
background: #f8f9fa;
border-radius: 10rpx;
border-radius: 15rpx;
}
.debug-info .value {
font-size: 20rpx;
font-size: 30rpx;
color: #666;
margin: 5rpx 0;
margin: 8rpx 0;
display: block;
word-break: break-all;
}
.label {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
margin-right: 20rpx;
margin-right: 30rpx;
}
.value {
font-size: 28rpx;
font-size: 42rpx;
color: #256BFA;
font-weight: bold;
}
@@ -246,51 +246,51 @@ const refreshTabBar = () => {
}
.content-preview {
margin: 30rpx 0;
margin: 45rpx 0;
}
.section-title {
font-size: 28rpx;
font-size: 42rpx;
color: #333;
font-weight: bold;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.content-item {
background: #f8f9fa;
padding: 20rpx;
border-radius: 10rpx;
margin-bottom: 15rpx;
padding: 30rpx;
border-radius: 15rpx;
margin-bottom: 23rpx;
}
.content-label {
font-size: 24rpx;
font-size: 36rpx;
color: #333;
font-weight: bold;
display: block;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
}
.content-desc {
font-size: 22rpx;
font-size: 33rpx;
color: #666;
margin: 5rpx 0;
margin: 8rpx 0;
display: block;
}
.test-buttons {
margin-top: 30rpx;
margin-top: 45rpx;
}
.test-btn {
margin: 10rpx 0;
padding: 20rpx 30rpx;
margin: 15rpx 0;
padding: 30rpx 45rpx;
background: #256BFA;
color: white;
border: none;
border-radius: 10rpx;
font-size: 24rpx;
border-radius: 15rpx;
font-size: 36rpx;
width: 100%;
}
</style>

68
pages/test/tabbar-test.vue
View File

@@ -158,80 +158,80 @@ const testLogout = () => {
<style lang="scss" scoped>
.tabbar-test {
padding: 40rpx;
padding: 60rpx;
min-height: 100vh;
background-color: #f5f5f5;
}
.header {
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 60rpx;
}
.title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: bold;
color: #333;
}
.content {
background: white;
border-radius: 20rpx;
padding: 40rpx;
margin-bottom: 40rpx;
border-radius: 30rpx;
padding: 60rpx;
margin-bottom: 60rpx;
}
.user-info, .login-status, .debug-info {
display: flex;
flex-direction: column;
margin-bottom: 20rpx;
padding: 20rpx;
margin-bottom: 30rpx;
padding: 30rpx;
background: #f8f9fa;
border-radius: 10rpx;
border-radius: 15rpx;
}
.debug-info .value {
font-size: 20rpx;
font-size: 30rpx;
color: #666;
margin: 5rpx 0;
margin: 8rpx 0;
display: block;
}
.label {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
margin-right: 20rpx;
margin-right: 30rpx;
}
.value {
font-size: 28rpx;
font-size: 42rpx;
color: #256BFA;
font-weight: bold;
}
.switch-section {
margin-bottom: 40rpx;
margin-bottom: 60rpx;
}
.section-title {
font-size: 28rpx;
font-size: 42rpx;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.switch-buttons {
display: flex;
flex-wrap: wrap;
gap: 20rpx;
gap: 30rpx;
}
.switch-btn {
padding: 20rpx 30rpx;
padding: 30rpx 45rpx;
background: #f0f0f0;
border: none;
border-radius: 10rpx;
font-size: 24rpx;
border-radius: 15rpx;
font-size: 36rpx;
color: #666;
transition: all 0.3s;
}
@@ -243,41 +243,41 @@ const testLogout = () => {
.description {
background: #f8f9fa;
padding: 30rpx;
border-radius: 10rpx;
padding: 45rpx;
border-radius: 15rpx;
}
.desc-title {
font-size: 26rpx;
font-size: 39rpx;
color: #333;
font-weight: bold;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.desc-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
line-height: 1.6;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
display: block;
}
.test-section {
margin-top: 40rpx;
margin-top: 60rpx;
background: #f8f9fa;
padding: 30rpx;
border-radius: 10rpx;
padding: 45rpx;
border-radius: 15rpx;
}
.test-btn {
margin: 10rpx 0;
padding: 20rpx 30rpx;
margin: 15rpx 0;
padding: 30rpx 45rpx;
background: #256BFA;
color: white;
border: none;
border-radius: 10rpx;
font-size: 24rpx;
border-radius: 15rpx;
font-size: 36rpx;
width: 100%;
}

78
pages/test/tabbar-user-type-test.vue
View File

@@ -94,17 +94,17 @@ const tabbarConfig = computed(() => {
<style lang="scss" scoped>
.test-page {
padding: 40rpx;
padding: 60rpx;
background: #f5f5f5;
min-height: 100vh;
}
.header {
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 60rpx;
.title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: bold;
color: #333;
}
@@ -113,52 +113,52 @@ const tabbarConfig = computed(() => {
.content {
.current-info {
background: #fff;
padding: 30rpx;
border-radius: 16rpx;
margin-bottom: 30rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
padding: 45rpx;
border-radius: 24rpx;
margin-bottom: 45rpx;
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.1);
.label {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
}
.value {
font-size: 32rpx;
font-size: 48rpx;
font-weight: bold;
color: #256BFA;
margin-left: 10rpx;
margin-left: 15rpx;
}
}
.type-switcher {
background: #fff;
padding: 30rpx;
border-radius: 16rpx;
margin-bottom: 30rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
padding: 45rpx;
border-radius: 24rpx;
margin-bottom: 45rpx;
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.1);
.section-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: bold;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.buttons {
display: flex;
flex-wrap: wrap;
gap: 20rpx;
gap: 30rpx;
.btn {
flex: 1;
min-width: 140rpx;
height: 80rpx;
min-width: 210rpx;
height: 120rpx;
background: #f8f9fa;
border: 2rpx solid #e9ecef;
border-radius: 12rpx;
font-size: 26rpx;
border: 3rpx solid #e9ecef;
border-radius: 18rpx;
font-size: 39rpx;
color: #666;
transition: all 0.3s ease;
@@ -173,32 +173,32 @@ const tabbarConfig = computed(() => {
.tabbar-preview {
background: #fff;
padding: 30rpx;
border-radius: 16rpx;
margin-bottom: 30rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
padding: 45rpx;
border-radius: 24rpx;
margin-bottom: 45rpx;
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.1);
.section-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: bold;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.tabbar-container {
display: flex;
background: #f8f9fa;
border-radius: 12rpx;
padding: 20rpx;
border-radius: 18rpx;
padding: 30rpx;
.tabbar-item {
flex: 1;
text-align: center;
padding: 20rpx 10rpx;
padding: 30rpx 15rpx;
.tabbar-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
font-weight: 500;
}
@@ -208,24 +208,24 @@ const tabbarConfig = computed(() => {
.description {
background: #fff;
padding: 30rpx;
border-radius: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
padding: 45rpx;
border-radius: 24rpx;
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.1);
.desc-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: bold;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.desc-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
line-height: 1.6;
display: block;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
}
}
}

62
pages/test/userTypeTest.vue
View File

@@ -92,17 +92,17 @@ const tabbarConfig = computed(() => {
<style lang="scss" scoped>
.test-page {
padding: 40rpx;
padding: 60rpx;
background: #f5f5f5;
min-height: 100vh;
}
.header {
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 60rpx;
.title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: 600;
color: #333;
}
@@ -111,48 +111,48 @@ const tabbarConfig = computed(() => {
.content {
.current-info {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
padding: 45rpx;
border-radius: 15rpx;
margin-bottom: 45rpx;
.label {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
}
.value {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #256BFA;
margin-left: 10rpx;
margin-left: 15rpx;
}
}
.type-switcher {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
padding: 45rpx;
border-radius: 15rpx;
margin-bottom: 45rpx;
.section-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
.buttons {
display: flex;
flex-wrap: wrap;
gap: 15rpx;
gap: 23rpx;
.btn {
padding: 15rpx 30rpx;
border: 2rpx solid #ddd;
border-radius: 8rpx;
padding: 23rpx 45rpx;
border: 3rpx solid #ddd;
border-radius: 12rpx;
background: #fff;
font-size: 24rpx;
font-size: 36rpx;
color: #666;
&.active {
@@ -166,15 +166,15 @@ const tabbarConfig = computed(() => {
.navigation-info {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
padding: 45rpx;
border-radius: 15rpx;
margin-bottom: 45rpx;
.section-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
display: block;
}
@@ -186,7 +186,7 @@ const tabbarConfig = computed(() => {
text-align: center;
.nav-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
}
}
@@ -195,23 +195,23 @@ const tabbarConfig = computed(() => {
.description {
background: #fff;
padding: 30rpx;
border-radius: 10rpx;
padding: 45rpx;
border-radius: 15rpx;
.desc-title {
font-size: 28rpx;
font-size: 42rpx;
font-weight: 600;
color: #333;
margin-bottom: 15rpx;
margin-bottom: 23rpx;
display: block;
}
.desc-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
line-height: 1.6;
display: block;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
}
}
}