zhaichao/oa_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

基本样式变更

Browse Source
This commit is contained in:
zhaichao
2026-09-23 17:38:24 +08:00
parent e464c2ad13
commit 9a22980071
35 changed files with 413 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/chat/call.vue
+2 -2
View File
@@ -95,11 +95,11 @@ export default {
.stage { flex: 1; position: relative; }
.wv { position: absolute; inset: 0; }
.wait { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.av { width: 160rpx; height: 160rpx; border-radius: 50%; background: #2563eb; display: flex; align-items: center; justify-content: center; font-size: 64rpx; font-weight: 700; }
.av { width: 160rpx; height: 160rpx; border-radius: 50%; background: #1677FF; display: flex; align-items: center; justify-content: center; font-size: 64rpx; font-weight: 700; }
.name { margin-top: 24rpx; font-size: 36rpx; font-weight: 700; }
.st { margin-top: 8rpx; color: rgba(255,255,255,0.65); }
.acts { display: flex; justify-content: center; gap: 32rpx; padding: 32rpx 24rpx calc(32rpx + env(safe-area-inset-bottom)); }
.btn { min-width: 200rpx; height: 80rpx; border-radius: 999rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; font-weight: 600; }
.ok { background: #006c49; }
.no { background: #ba1a1a; }
.no { background: #DC2626; }
</style>
pages/chat/chat.vue
+3 -3
View File
@@ -723,8 +723,8 @@ export default {
.ck.on { background: #07c160; border-color: #07c160; }
.col { max-width: 70%; display: flex; flex-direction: column; }
.col.mine { align-items: flex-end; }
.av { width: 80rpx; height: 80rpx; border-radius: 10rpx; background: #dae2fd; color: #004ac6; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 28rpx; font-weight: 700; }
.av.self { background: #2563eb; color: #fff; }
.av { width: 80rpx; height: 80rpx; border-radius: 10rpx; background: #dae2fd; color: #1677FF; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 28rpx; font-weight: 700; }
.av.self { background: #1677FF; color: #fff; }
.av image { width: 80rpx; height: 80rpx; }
.who { font-size: 20rpx; color: #888; margin-bottom: 4rpx; }
.ball { background: #fff; padding: 16rpx 20rpx; border-radius: 8rpx; font-size: 30rpx; word-break: break-all; line-height: 1.45; }
@@ -735,7 +735,7 @@ export default {
.pic { max-width: 420rpx; border-radius: 8rpx; display: block; }
.file, .cardtxt { display: flex; flex-direction: column; }
.fn, .ct { font-weight: 600; }
.fs, .cs { font-size: 22rpx; margin-top: 6rpx; color: #2563eb; }
.fs, .cs { font-size: 22rpx; margin-top: 6rpx; color: #1677FF; }
.tm { font-size: 20rpx; color: #b2b2b2; margin-top: 6rpx; }
.tm.read { color: #07c160; }
.recmask {
pages/chat/create.vue
+5 -5
View File
@@ -67,15 +67,15 @@ export default {
<style scoped>
.field { margin: 24rpx; padding: 8rpx 24rpx; }
.field input { height: 80rpx; font-size: 30rpx; }
.hint { margin: 0 32rpx 12rpx; font-size: 22rpx; color: #737686; }
.hint { margin: 0 32rpx 12rpx; font-size: 22rpx; color: #6B7280; }
.card { margin: 0 24rpx 24rpx; overflow: hidden; }
.item { display: flex; align-items: center; padding: 20rpx 24rpx; }
.box { width: 36rpx; height: 36rpx; border: 2rpx solid #c3c6d7; border-radius: 8rpx; margin-right: 16rpx; }
.box.on { background: #2563eb; border-color: #2563eb; }
.av { width: 72rpx; height: 72rpx; border-radius: 50%; background: #e2e7ff; color: #004ac6; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.box { width: 36rpx; height: 36rpx; border: 2rpx solid #D1D5DB; border-radius: 8rpx; margin-right: 16rpx; }
.box.on { background: #1677FF; border-color: #1677FF; }
.av { width: 72rpx; height: 72rpx; border-radius: 50%; background: #E8F1FF; color: #1677FF; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.meta { margin-left: 16rpx; }
.n { display: block; font-size: 28rpx; font-weight: 600; }
.s { font-size: 22rpx; color: #737686; }
.s { font-size: 22rpx; color: #6B7280; }
.pad { padding: 0 24rpx 40rpx; }
.off { opacity: 0.45; }
</style>
pages/chat/forward.vue
+1 -1
View File
@@ -102,7 +102,7 @@ export default {
.snip { padding: 8rpx 32rpx 16rpx; font-size: 22rpx; color: #888; }
.sec { padding: 16rpx 32rpx 8rpx; font-size: 22rpx; color: #888; background: #f7f7f7; }
.item { display: flex; align-items: center; padding: 20rpx 24rpx; background: #fff; }
.av { width: 80rpx; height: 80rpx; border-radius: 10rpx; background: #e2e7ff; color: #004ac6; display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden; flex-shrink: 0; }
.av { width: 80rpx; height: 80rpx; border-radius: 10rpx; background: #E8F1FF; color: #1677FF; display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden; flex-shrink: 0; }
.av.img { width: 80rpx; height: 80rpx; }
.n { margin-left: 20rpx; font-size: 30rpx; }
.empty { padding: 80rpx; text-align: center; color: #888; }
pages/chat/group.vue
+7 -7
View File
@@ -105,20 +105,20 @@ export default {
<style scoped>
.head { margin: 24rpx; padding: 28rpx; display: flex; align-items: center; }
.grid { width: 96rpx; height: 96rpx; background: #eaedff; border-radius: 16rpx; display: flex; flex-wrap: wrap; padding: 8rpx; }
.cell { width: 36rpx; height: 36rpx; margin: 2rpx; background: #dbe1ff; color: #004ac6; font-size: 18rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 6rpx; }
.grid { width: 96rpx; height: 96rpx; background: #E8ECF2; border-radius: 16rpx; display: flex; flex-wrap: wrap; padding: 8rpx; }
.cell { width: 36rpx; height: 36rpx; margin: 2rpx; background: #E8ECF2; color: #1677FF; font-size: 18rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 6rpx; }
.meta { margin-left: 20rpx; }
.gn { font-size: 32rpx; font-weight: 700; display: block; }
.gc { font-size: 22rpx; color: #737686; }
.gc { font-size: 22rpx; color: #6B7280; }
.card { margin: 0 24rpx 24rpx; overflow: hidden; }
.cap { padding: 20rpx 24rpx 8rpx; font-size: 26rpx; font-weight: 700; }
.mems { display: flex; flex-wrap: wrap; padding: 8rpx 16rpx 24rpx; }
.mem { width: 20%; display: flex; flex-direction: column; align-items: center; margin-bottom: 16rpx; }
.mav { width: 80rpx; height: 80rpx; border-radius: 16rpx; background: #dbe1ff; color: #00174b; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.mav { width: 80rpx; height: 80rpx; border-radius: 16rpx; background: #E8ECF2; color: #00174b; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.mn { font-size: 20rpx; margin-top: 8rpx; }
.row { display: flex; justify-content: space-between; padding: 28rpx 24rpx; font-size: 28rpx; border-bottom: 1rpx solid #eaedff; }
.val { color: #737686; }
.sw { color: #737686; }
.row { display: flex; justify-content: space-between; padding: 28rpx 24rpx; font-size: 28rpx; border-bottom: 1rpx solid #E8ECF2; }
.val { color: #6B7280; }
.sw { color: #6B7280; }
.sw.on { color: #07c160; font-weight: 600; }
.danger { color: #fa5151; justify-content: center; border-bottom: none; }
</style>
pages/chat/setting.vue
+4 -4
View File
@@ -105,15 +105,15 @@ export default {
<style scoped>
.head { margin: 24rpx; padding: 28rpx; display: flex; align-items: center; }
.av { width: 96rpx; height: 96rpx; border-radius: 12rpx; background: #004ac6; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 36rpx; font-weight: 700; overflow: hidden; }
.av { width: 96rpx; height: 96rpx; border-radius: 12rpx; background: #1677FF; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 36rpx; font-weight: 700; overflow: hidden; }
.av.img { width: 96rpx; height: 96rpx; }
.meta { flex: 1; margin-left: 20rpx; }
.n { display: block; font-size: 32rpx; font-weight: 700; }
.s { font-size: 22rpx; color: #737686; }
.arr { color: #c3c6d7; }
.s { font-size: 22rpx; color: #6B7280; }
.arr { color: #D1D5DB; }
.card { margin: 0 24rpx 24rpx; overflow: hidden; }
.row { display: flex; justify-content: space-between; padding: 28rpx 24rpx; font-size: 28rpx; border-bottom: 1rpx solid #f0f0f0; }
.sw { color: #737686; }
.sw { color: #6B7280; }
.sw.on { color: #07c160; font-weight: 600; }
.danger { color: #fa5151; justify-content: center; border-bottom: none; }
</style>
pages/chat/work.vue
+6 -6
View File
@@ -64,16 +64,16 @@ export default {
</script>
<style scoped>
.bar { margin: 16rpx 24rpx; background: #f2f3ff; border-radius: 16rpx; padding: 16rpx 20rpx; display: flex; justify-content: space-between; font-size: 22rpx; color: #434655; }
.bar { margin: 16rpx 24rpx; background: #F3F6FB; border-radius: 16rpx; padding: 16rpx 20rpx; display: flex; justify-content: space-between; font-size: 22rpx; color: #4B5563; }
.item { margin: 0 24rpx 20rpx; display: flex; overflow: hidden; }
.stripe { width: 8rpx; background: #2563eb; }
.stripe { width: 8rpx; background: #1677FF; }
.body { flex: 1; padding: 24rpx; }
.top { display: flex; justify-content: space-between; }
.kind { font-size: 28rpx; font-weight: 700; }
.time { font-size: 22rpx; color: #737686; }
.time { font-size: 22rpx; color: #6B7280; }
.title { display: block; font-size: 28rpx; font-weight: 600; margin: 12rpx 0 6rpx; }
.sub { font-size: 22rpx; color: #737686; }
.sub { font-size: 22rpx; color: #6B7280; }
.acts { margin-top: 16rpx; }
.go { color: #2563eb; font-size: 24rpx; font-weight: 600; }
.empty { text-align: center; color: #737686; padding: 80rpx; }
.go { color: #1677FF; font-size: 24rpx; font-weight: 600; }
.empty { text-align: center; color: #6B7280; padding: 80rpx; }
</style>