Files
lilishop-uniapp/pages/tabbar/home/web-view.vue
Yer11214 349ffa4f34 refactor: 重构多个组件以支持 Vue 3 语法和功能
- 将多个组件转换为 `<script setup>` 语法,提升可读性和性能
- 优化状态管理和事件处理逻辑,简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题,提升用户体验
2026-07-08 18:37:11 +08:00

49 lines
1.1 KiB
Vue

<template>
<view class="web-view">
<web-view :webview-styles="webviewStyles" :src="src"></web-view>
</view>
</template>
<script setup lang="ts">
import { ref, computed } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import configs from '@/config/config'
import storage from '@/utils/storage'
import { useStore } from '@/store'
const store = useStore()
const lightColor = computed(() => store.getters.lightColor)
const mainColor = computed(() => store.getters.mainColor)
const aiderLightColor = computed(() => store.getters.aiderLightColor)
const webviewStyles = computed(() => ({
progress: {
color: lightColor.value,
},
}))
const src = ref('')
onLoad((params) => {
if (params.IM) {
if (params.IM == 0) {
src.value = `${configs.imWebSrc}?token=${storage.getAccessToken()}`
} else {
src.value = `${configs.imWebSrc}?token=${storage.getAccessToken()}&id=${params.IM}`
}
} else {
src.value = decodeURIComponent(params.src)
console.log(src.value)
}
})
</script>
<style lang="scss" scoped>
.web-view {
::v-deep .web-view {
padding: 0;
margin: 0;
}
}
</style>