Usage
The PageColumns component displays content in a responsive multi-column layout. It works well with PageCard components or any other elements, adapting from single column on mobile to multiple columns on larger screens.
Bitrix24 - Free online workspace for your business: CRM, tasks, online meetings, and more.
An all-in-one free platform to manage your team and run your sales, Bitrix24 is designed to be seamlessly integrated into all your business processes and help you manage them with the highest precision and efficiency.
Bitrix24 has given us a crystal-clear overview of all our ongoing projects. The combination of task deadlines, time tracking, and visual workflow management in Kanban boards ensures that nothing falls through the cracks, significantly improving our on-time delivery and team accountability.
Employee Name
Clients Relations Manager
The CRM and marketing automation tools in Bitrix24 have revolutionized our sales process. We can now track every customer interaction, automate follow-up emails, and segment our leads effectively, which has directly led to a higher conversion rate and more closed deals.
Assistant Name
CEO
Bitrix24 帮助我们整个团队在一个功能丰富的统一平台上进行协作，彻底结束了之前需要在多个独立软件之间频繁切换的麻烦。这大大节省了我们的时间，并简化了工作流程。
员工姓名
客户关系经理
借助Bitrix24强大的任务管理、分析和信息共享工具，我们为内部流程的沟通和审批创建了自动化工作流。这极大地减少了手动操作和等待时间，从而显著提升了整体工作效率。
助理姓名
首席执行官
API
Props
Slots
Theme
app.config.ts
export default defineAppConfig({
b24ui: {
pageColumns: {
base: 'relative column-1 md:columns-2 lg:columns-3 gap-8 space-y-8 *:break-inside-avoid-column *:will-change-transform'
}
}
})
vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import bitrix24UIPluginVite from '@bitrix24/b24ui-nuxt/vite'
export default defineConfig({
plugins: [
vue(),
bitrix24UIPluginVite({
b24ui: {
pageColumns: {
base: 'relative column-1 md:columns-2 lg:columns-3 gap-8 space-y-8 *:break-inside-avoid-column *:will-change-transform'
}
}
})
]
})