Coder Social home page Coder Social logo

ijry / uview-plus Goto Github PK

View Code? Open in Web Editor NEW
336.0 4.0 84.0 68.83 MB

uview-plus,是uni-app全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。

Home Page: https://uview-plus.jiangruyi.com

License: MIT License

JavaScript 43.06% Vue 55.21% SCSS 1.55% HTML 0.09% TypeScript 0.10%
components ui uni-app uview vue

uview-plus's People

Contributors

du-dou avatar ekworp avatar guzijian123 avatar html546 avatar huodoushigemi avatar ijry avatar nansonwt avatar packagechasen avatar qinains avatar qiu-jun avatar varcat avatar yangzhen-code avatar zhhal avatar zoulee24 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

uview-plus's Issues

NumberBox 步进器

image

步进器组件可以增加一下0的默认展示

image

目前只有切换到0才能正常的展示0,设置默认值为0无法正常展示

u-swipe-action-item会报“渲染层错误”

向右滑动时控制台报错:[渲染层错误] TypeError: Cannot read property 'nv_disabled' of undefined
使用静态数据滑动不会报错,比如:
<u-swipe-action-item v-for="customer in list" :key="customer.id" :options="[{text: "删除"}]">
使用响应式数据则会报错,比如:
<u-swipe-action-item v-for="customer in list" :key="customer.id" :options="swipeOptions">
const swipeOptions = computed(() => { const opts = [] // 有删除权限 if (hasPermi(['customer:delete'])) { opts.push({ text: '删除' }) } return opts })

uview-plus版本:3.1.35

image

form 校验报没有then 方法

            <u-form-item label="04  您是否有自己的学生团队" prop="userInfo.name" borderBottom>
                <u-radio-group placement="column">
                    <u-radio
                        :customStyle="{ marginBottom: '8px' }"
                        :key="index"
                        label="是(团队人员规模是)"
                        name="是(团队人员规模是)"
                    >
                    </u-radio>
                    <u-form-item prop="userInfo.name" borderBottom>
                        <u--input border="bottom"></u--input>
                    </u-form-item>

                    <u-radio :customStyle="{ marginBottom: '8px' }" :key="index" label="否" name="否"> </u-radio>
                </u-radio-group>
            </u-form-item>

            <u-form-item label="05  您是否有创业经验或者校外项目对接经验" prop="userInfo.name" borderBottom>
                <u-radio-group placement="column">
                    <u-radio
                        :customStyle="{ marginBottom: '8px' }"
                        :key="index"
                        label="是(请简单描述一下)"
                        name="是(请简单描述一下)"
                    >
                    </u-radio>
                    <u-form-item prop="userInfo.name" borderBottom>
                        <u--input border="bottom"></u--input>
                    </u-form-item>

                    <u-radio :customStyle="{ marginBottom: '8px' }" :key="index" label="否" name="否"> </u-radio>
                    <u-radio :customStyle="{ marginBottom: '8px' }" :key="index" label="其他" name="其他">
                    </u-radio>
                    <u-form-item prop="userInfo.name" borderBottom>
                        <u--input border="bottom"></u--input>
                    </u-form-item>
                </u-radio-group>
            </u-form-item>
        </u--form>

        <img class="img_box2" @click="onSubmit" src="../../static/images/button_zhaomu.png" alt="" />
    </view>
</view>
<script > import { onPageScroll, onLoad, onShow, onHide, onReachBottom, onNavigationBarButtonTap } from '@dcloudio/uni-app' import { ref, onMounted, getCurrentInstance, reactive } from 'vue' import { useCustomBarState } from '@/hooks' export default { components: {}, setup() { const { ctx } = getCurrentInstance() const form = reactive({ name:'dddd' }) onShow(() => { console.log('onShow') }) onMounted(() => { console.log('process.env.', process.env.VITE_APP_ENV) }) const onSubmit = () => { console.log(ctx.$refs.form1,ctx) ctx.$refs.form1.validate().then(res => { console.log('re', res) }) } return { onSubmit, form } }, } </script>

node 版本问题

uni-template@ dev:h5 /Users/zcy1/Desktop/hushui/uni-template
uni

Please note that in running mode, due to log output, sourcemap, and uncompressed source code, the performance and package size are not as good as release mode.
Compiling...
(node:10623) UnhandledPromiseRejectionWarning: Error: Cannot find module 'node:path'

关于微信小程序的样式问题

引入组件库后在微信开发工具一直提示 Some selectors are not allowed in component wxss 的警告

经排查,定位到问题出自 libs/css/components.scss 的下列样式导致:

/* #ifndef APP-NVUE */
view, scroll-view, swiper-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  align-items: stretch;
  align-content: flex-start;
}
/* #endif */

查阅了相关文档,在微信 组件样式 一览中规定,禁止在 组件中 使用标签名选择器,提示该样式在组件中也 不会生效

然而实际上 flex-direction: column 的样式是生效的,目前来讲在微信小程序上除了有警告,是没任何影响的。但出于官方文档的描述,不排除以后会出现一系列不确定因素,看后续针对此处如何做出改动

发现一处写错

image

首先感谢作者编写一个这么优秀的组件库。使用过程中发现了问题,特指出。 这个地方是reactive

离线环境下图标不显示

因为项目需要部署在内网环境,部分图标需要联网加载资源会显示异常,建议改为离线资源。
image
image

uniapp u-textarea问题

在uniapp中使用u-textarea 显示最大数量,但是可以输入超过最大数量的字符(会默认截取到最大字符的数量),但是输入的字符统计不对,可以超过最大字符

u-index-list 组件吸顶问题

按照文档非nvue页面 u-index-anchor 放在 u-index-item中 小程序吸顶失效

  • html代码

image

  • 运行效果(mp-weixin)
    屏幕录制2023-02-02 下午2 (2)

  • 运行效果(ios-app)
    屏幕录制2023-02-02 下午2

将u-index-anchor 放在 u-index-item外时小程序吸顶效果正常,控制台报错

  • html代码

image

  • 运行效果(mp-weixin)
    屏幕录制2023-02-02 下午2 (1)

项目是unapp vue3版本的 主要依赖包如下
WechatIMG73538

uniapp中安装运行失败

根据步骤配置以后出现:
19:13:34.912 Could not resolve "./App" from "../../../../E:/guigu-tuan/main.js" 19:13:34.912 file: E:/guigu-tuan/main.js
错误

国际化

您好,uview-plus 如何支持国际化?

给datetime类型的picker设置defaultIndex失效,

效果大致是,点开默认选中赋予的日期,第一打开是可以的,随后如果浏览其他的选项不确认,关闭再打开就不是之前赋予的日期,而是最后浏览的日期,看了源码使用updateIndexs更改也不行,请看一下给个答复 @ijry

setConfig配置没效果欸

uni.$u.setConfig({ color: { primary:"red" }, // 修改$u.config对象的属性 config: { // 修改默认单位为rpx,相当于执行 uni.$u.config.unit = 'rpx' unit: 'rpx' }, // 修改$u.props对象的属性 props: { // 修改radio组件的size参数的默认值,相当于执行 uni.$u.props.radio.size = 30 button: { text:'登录' } // 其他组件属性配置 // ...... } }) uni.$u.props.button.text = '登录'//也没效果 uni.$u.color.info = 'green'//也没效果
image
数据变了,但是页面效果没有变化

u-grid 事件会执行两次

执行下面代码 testEvent 会先传送一次带name的事件,第二次会传递 原生click事件

"uview-plus": "^3.1.29",

image

const testEvent = (event) => {
debugger;
console.log(event);
};

typescript

如今typescript在前端领域十分重要,希望uview可以对typescript做出更好的支持,这或许会增加uview团队的开发成本,但是这实在是时代所趋

在swiper中使用tabs组件bug

在swiper中使用tabs组件时,非当前swiper-item中的tabs中的scrollLeft位置不对
test4
应该是下面的属性没有考虑到这种情况,这两种属性中多计算了swiper的宽度
企业微信截图_20230407103823

u-image组件和v2.0展示形式不一样

举个例子:

<u--image src="https://img01.yzcdn.cn/upload_files/2022/11/03/FjC1yBeheuMmgX6_nUWsAyAaJYqN.jpg!middle.jpg" mode="widthFix" width="200rpx" height="auto"></u--image>

v2.0:这种情况下,图片的高度会自适应。

v3.0:图片不显示,排查发现高度为0

u-back-top组件导致编译app时白屏无法启动

使用编译成app时使用u-back-top组件会导致白屏无法启动产生以下报错:
reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'mpMixin' of undefined

解决方式是将:
mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
改成:
mixins: [mpMixin, mixin, props],

NPM安装完后,使用easycom引入规则,无法变异

1 先使用了npm install 安装正常,单个页面引入组件也能使用,但是按照官方推荐使用easycom,跑到u-icon这个组件编译就出错了

image

2 然后我不用npm安装,直接使用HBX来安装,安装完后,引入到main.js,编译也报同样的错误。

cli 方式 app-plus 运行到手机端报错

如题,cli 方式 app-plus 运行到手机端报错,如下:

reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'mpMixin' of undefined
 at  (app-service.js:16263:21)
 at  (app-service.js:27792:3)

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.