Coder Social home page Coder Social logo

cool-team-official / cool-uni Goto Github PK

View Code? Open in Web Editor NEW
190.0 5.0 59.0 46.63 MB

简洁易用的uni-app组件库

Home Page: https://cool-js.com/uni/introduce.html

JavaScript 7.33% Vue 61.19% SCSS 11.76% TypeScript 19.51% HTML 0.21%
uni-app cool element typescript vue3

cool-uni's People

Contributors

apgzs avatar cool-team-official avatar heianxiyi avatar icssoa avatar jqmin19 avatar skygitcode avatar weiyunpeng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

cool-uni's Issues

ui里面的组件有emit("tap",e),再引用的组件@tap,在微信小程序会触发两次

`
<view
class="cl-list-item"
:class="itemClass"
:style="customStyle"
@touchstart="onTouchStart"
@touchmove="onTouchMove"
@touchend="onTouchEnd"
@tap="onTap"
>

//================================
// 点击事件
function onTap(e: any) {
emit("tap", e);
}
//==================================
`

// <cl-list-item label="收货地址" @tap.native="toPage('/pages/user/address/list')"> <template #icon> <text class="iconfont icon-shouhuodizhi" /> </template> </cl-list-item>

支付宝小程序上无法加载

2.0版本编译成支付宝小程序无法加载。
只有在去掉main.js中的bootstrap方法,页面中不引入cl-的组件才能正常加载

期望是可以正常使用cool-uni的组件

cl-select 多选没有示例

mode="multiSelector"

[Vue warn]: Error in callback for immediate watcher "value": "TypeError: _this.options[i].findIndex is not a function"

found in

---> at components/cl-select/cl-select.vue
pages/home/index.vue

文档页面出现BUG

主要是不能完全展示文档,这样体验会有点差,考虑修复一下
主要内容区域会被右边的手机示例遮盖住
我的笔记本尺寸为14寸
屏幕分辨率 1980*1080
缩放150%
以上是基于windwos系统个性化设置,浏览器默认遵从

App.vue引入css文件会报错。

报错信息如下:

errror in ./src/App.vue?vue&type=style&index=1&lang=scss&

SassError: Undefined variable: "$cl-color-primary".
on line 59 of node_modules/cl-uni/static/css/button.scss
from line 2 of node_modules/cl-uni/static/css/index.scss
from line 1 of node_modules/cl-uni/index.scss
from line 79 of src/App.vue

                 color: $cl-color-primary;

----------^

@ ./src/App.vue?vue&type=style&index=1&lang=scss& 1:0-783 1:799-802 1:804-1584 1:804-1584
@ ./src/App.vue
@ ./src/main.js

pinia如何使用持久化插件?

尝试自己主动使用无效

// plugin.js
import { createPersistedState } from 'pinia-plugin-persistedstate';

export const storePlugin = createPersistedState({
    storage: {
        getItem(key) {
            return uni.getStorageSync(key);
        },
        setItem(key, value) {
            uni.setStorageSync(key, value);
        }
    }
});

// main.js
import { createSSRApp } from "vue";
import { bootstrap } from "/@/cool";
import "/@/mock";
import App from "./App.vue";

import { createPinia } from "pinia";
import { storePlugin } from "/@/store/storePlugin";

const pinia = createPinia();
pinia.use(storePlugin);

export function createApp() {
	const app = createSSRApp(App);

	app.use(pinia);

	// 启动
	bootstrap(app);

	return {
		app,
	};
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.