榆钱落尽槿花稀
448712ece5
本次提交主要包含以下内容： 1. 新增积分申请系统核心功能： - 添加登录页面及API接口 - 实现积分申请记录查看功能 - 集成微信小程序分享功能 - 添加请求管理工具类 2. 引入Tuniao UI组件库： - 添加时间线、折叠面板、表格等UI组件 - 集成头像组、单选框组等交互组件 - 配置全局样式和主题颜色 3. 基础架构搭建： - 配置项目manifest和pages.json路由 - 添加状态管理store - 实现自定义导航栏适配 - 添加工具函数(加解密、数字处理等) 4. 静态资源： - 添加项目logo和背景图片 - 配置uni.scss全局样式变量 本次提交为系统基础功能搭建，后续将进一步完善积分申请流程和审批功能。
53 lines
1.6 KiB
JavaScript
53 lines
1.6 KiB
JavaScript
/**
|
|
* 动态参数演示mixin
|
|
*/
|
|
module.exports = {
|
|
data() {
|
|
return {
|
|
// 效果显示框top的值
|
|
contentContainerTop: '0px',
|
|
contentContainerIsTop: false,
|
|
|
|
// 参数显示框top的值
|
|
sectionContainerTop: '0px'
|
|
}
|
|
},
|
|
onReady() {
|
|
this.updateSectionContainerTop()
|
|
},
|
|
methods: {
|
|
// 处理演示效果框的位置
|
|
async _handleContentConatinerPosition() {
|
|
// 获取效果演示框的节点信息
|
|
const contentContainer = await this._tGetRect('#content_container')
|
|
// 获取参数框的节点信息
|
|
this._tGetRect('#section_container').then((res) => {
|
|
// 判断参数框是否在移动，如果是则更新效果框的位置
|
|
// 如果效果框的顶部已经触控到顶部导航栏就停止跟随
|
|
if (res.top - contentContainer.bottom != 15) {
|
|
const newTop = res.top - (contentContainer.height + uni.upx2px(20))
|
|
const minTop = this.vuex_custom_bar_height + 1
|
|
if (newTop < minTop) {
|
|
this.contentContainerTop = minTop + 'px'
|
|
this.contentContainerIsTop = true
|
|
} else {
|
|
this.contentContainerTop = newTop + 'px'
|
|
this.contentContainerIsTop = false
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 更新状态切换栏位置信息
|
|
updateSectionContainerTop() {
|
|
this._tGetRect('#content_container').then((res) => {
|
|
this.contentContainerTop = (this.vuex_custom_bar_height + 148) + 'px'
|
|
this.sectionContainerTop = (res.height + 20) + 'px'
|
|
})
|
|
}
|
|
},
|
|
// 监听页面滚动
|
|
onPageScroll() {
|
|
this._handleContentConatinerPosition()
|
|
}
|
|
}
|