开发约束

为了更加高效与统一的开发，在非app端（app端不包含vue后缀文件）重置view标签默认样式，并与app端nvue页面保持一致。所以不管你开发的是小程序、h5或App，都需要使用nvue页面，且书写css时遵循nvue的css规范。

使用cook-uni组件时，请使用c-class和c-style来定义组件的样式，不要直接使用class和style，因为在小程序下class和style不会穿透到组件中。

禁用页面自定义导航栏，所有页面采用c-page组件进行包裹。

所有长页面建议采用c-list组件，在App下拥有性能优势，且此组件封装了下拉刷新和上拉加载更多。

page.json 通用设置：

// page.json
{
    "pages": [
        {
            "path": "pages/cook-uni/video"
        },
        {
            "path": "pages/cook-uni/webview"
        },
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#FFFFFF",
        // 设置为空，支付宝小程序下将不显示标题
        "navigationBarTitleText": "",
        // 自定义导航栏
        "navigationStyle": "custom",
        // 支付宝小程序
        "mp-alipay": {
            "transparentTitle": "always",
            "allowsBounceVertical": "NO",
            "titlePenetrate": "YES",
            "enableScrollBar": "NO",
            "gestureBack": "YES"
        }
    }
}

页面使用示例：

<template>
    <c-page title="首页" bgColor="#F8F8F8">
        <c-list>
            <c-list-item c-class="c-f-center" c-style="padding:30rpx;height:100rpx">
                <!-- 内容-->
            </c-list-item>
        </c-list>
    </c-page>
</template>