11.5修改
This commit is contained in:
4
uni_modules/cc-newsTabs/changelog.md
Normal file
4
uni_modules/cc-newsTabs/changelog.md
Normal file
@@ -0,0 +1,4 @@
|
||||
## 2.0（2023-10-28）
|
||||
适配vue3 小程序
|
||||
## 1.0.0（2023-07-16）
|
||||
组件初始化
|
||||
192
uni_modules/cc-newsTabs/components/cc-newsTabs/cc-newsTabs.vue
Normal file
192
uni_modules/cc-newsTabs/components/cc-newsTabs/cc-newsTabs.vue
Normal file
@@ -0,0 +1,192 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
|
||||
|
||||
<!-- 顶部选项卡 -->
|
||||
<scroll-view id="nav-bar" class="nav-bar" scroll-x scroll-with-animation :scroll-left="scrollLeft">
|
||||
<!-- <view v-for="(item,index) in tabArr" :key="item.id" class="nav-item"
|
||||
:class="{current: index === tabCurrentIndex}" :id="'tab'+index" @click="changeTab(index)">{{item.name}}
|
||||
</view> -->
|
||||
<view v-for="(item,index) in tabArr" :key="item.id" class="nav-item"
|
||||
:class="{current: index === o_index}" :id="'tab'+index" @click="changeTab(index)">{{item.name}}
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
let windowWidth = uni.getSystemInfoSync().windowWidth,
|
||||
scrollTimer = false,
|
||||
tabBar;
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
tabCurrentIndex: 0, //当前选项卡索引
|
||||
scrollLeft: 0, //顶部选项卡左滑距离
|
||||
|
||||
}
|
||||
},
|
||||
props: {
|
||||
|
||||
tabArr: {
|
||||
type: Array,
|
||||
default () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
o_index: {
|
||||
type: Number,
|
||||
default () {
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
//tab切换
|
||||
async changeTab(e) {
|
||||
|
||||
if (scrollTimer) {
|
||||
//多次切换只执行最后一次
|
||||
clearTimeout(scrollTimer);
|
||||
scrollTimer = false;
|
||||
}
|
||||
let index = e;
|
||||
//e=number为点击切换，e=object为swiper滑动切换
|
||||
if (typeof e === 'object') {
|
||||
index = e.detail.current
|
||||
}
|
||||
if (typeof tabBar !== 'object') {
|
||||
tabBar = await this.getElSize("nav-bar")
|
||||
}
|
||||
//计算宽度相关
|
||||
let tabBarScrollLeft = tabBar.scrollLeft;
|
||||
let width = 0;
|
||||
let nowWidth = 0;
|
||||
//获取可滑动总宽度
|
||||
for (let i = 0; i <= index; i++) {
|
||||
let result = await this.getElSize('tab' + i);
|
||||
width += result.width;
|
||||
if (i === index) {
|
||||
nowWidth = result.width;
|
||||
}
|
||||
}
|
||||
if (typeof e === 'number') {
|
||||
//点击切换时先切换再滚动tabbar，避免同时切换视觉错位
|
||||
this.tabCurrentIndex = index;
|
||||
}
|
||||
// console.log("windowWidth = " + windowWidth);
|
||||
//延迟300ms,等待swiper动画结束再修改tabbar
|
||||
scrollTimer = setTimeout(() => {
|
||||
if (width - nowWidth / 2 > windowWidth / 2) {
|
||||
//如果当前项越过中心点，将其放在屏幕中心
|
||||
this.scrollLeft = width - nowWidth / 2 - windowWidth / 2;
|
||||
} else {
|
||||
this.scrollLeft = 0;
|
||||
}
|
||||
if (typeof e === 'object') {
|
||||
this.tabCurrentIndex = index;
|
||||
}
|
||||
this.tabCurrentIndex = index;
|
||||
|
||||
|
||||
|
||||
|
||||
}, 300)
|
||||
// console.log('changeTab is done!!!')
|
||||
this.$emit("tabChange", this.tabCurrentIndex);
|
||||
|
||||
},
|
||||
//获得元素的size
|
||||
getElSize(id) {
|
||||
return new Promise((res, rej) => {
|
||||
|
||||
// 在自定义组件中，使用wx.createSelectorQuery() 不能用wx. 而是this.createSelectorQuery()
|
||||
// 微信文档： 但是在uni的官方文档中并没有关于需要切换this的介绍，是用uni.createSelectorQuery()在自定义组件内部也是无效的。
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
let el = this.createSelectorQuery().select('#' + id);
|
||||
// #endif
|
||||
|
||||
// #ifdef H5 || APP-PLUS
|
||||
|
||||
let el = uni.createSelectorQuery().select('#' + id);
|
||||
|
||||
// #endif
|
||||
|
||||
el.fields({
|
||||
size: true,
|
||||
scrollOffset: true,
|
||||
rect: true
|
||||
}, (data) => {
|
||||
res(data);
|
||||
}).exec();
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang='scss'>
|
||||
.content {
|
||||
background-color: #f8f8f8;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 隐藏滚动条scrollbar */
|
||||
.nav-bar ::-webkit-scrollbar {
|
||||
|
||||
display: none;
|
||||
background-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
/* 顶部tabbar */
|
||||
.nav-bar {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
height: 90upx;
|
||||
white-space: nowrap;
|
||||
box-shadow: 0 2upx 8upx rgba(0, 0, 0, .06);
|
||||
background-color: #fff;
|
||||
|
||||
|
||||
.nav-item {
|
||||
display: inline-block;
|
||||
/* width: 150upx; */
|
||||
width: 50%;
|
||||
height: 90upx;
|
||||
text-align: center;
|
||||
line-height: 90upx;
|
||||
font-size: 30upx;
|
||||
color: #303133;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-bottom: 4upx solid #26758d;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
transform: translateX(-50%);
|
||||
transition: .3s;
|
||||
}
|
||||
}
|
||||
|
||||
.current {
|
||||
color: #26758d;
|
||||
|
||||
&:after {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
85
uni_modules/cc-newsTabs/package.json
Normal file
85
uni_modules/cc-newsTabs/package.json
Normal file
@@ -0,0 +1,85 @@
|
||||
{
|
||||
"id": "cc-newsTabs",
|
||||
"displayName": "自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件(适配vue3 小程序)",
|
||||
"version": "2.0",
|
||||
"description": "自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件(适配vue3 小程序)",
|
||||
"keywords": [
|
||||
"tabs",
|
||||
"新闻栏",
|
||||
"选项卡",
|
||||
"标题栏",
|
||||
"标签栏"
|
||||
],
|
||||
"repository": "",
|
||||
"engines": {
|
||||
"HBuilderX": "^3.8.0"
|
||||
},
|
||||
"dcloudext": {
|
||||
"type": "component-vue",
|
||||
"sale": {
|
||||
"regular": {
|
||||
"price": "0.00"
|
||||
},
|
||||
"sourcecode": {
|
||||
"price": "0.00"
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
"qq": ""
|
||||
},
|
||||
"declaration": {
|
||||
"ads": "无",
|
||||
"data": "无",
|
||||
"permissions": "无"
|
||||
},
|
||||
"npmurl": ""
|
||||
},
|
||||
"uni_modules": {
|
||||
"dependencies": [],
|
||||
"encrypt": [],
|
||||
"platforms": {
|
||||
"cloud": {
|
||||
"tcb": "y",
|
||||
"aliyun": "y"
|
||||
},
|
||||
"client": {
|
||||
"Vue": {
|
||||
"vue2": "y",
|
||||
"vue3": "y"
|
||||
},
|
||||
"App": {
|
||||
"app-vue": "y",
|
||||
"app-nvue": "y"
|
||||
},
|
||||
"H5-mobile": {
|
||||
"Safari": "y",
|
||||
"Android Browser": "y",
|
||||
"微信浏览器(Android)": "y",
|
||||
"QQ浏览器(Android)": "y"
|
||||
},
|
||||
"H5-pc": {
|
||||
"Chrome": "y",
|
||||
"IE": "y",
|
||||
"Edge": "y",
|
||||
"Firefox": "y",
|
||||
"Safari": "y"
|
||||
},
|
||||
"小程序": {
|
||||
"微信": "y",
|
||||
"阿里": "y",
|
||||
"百度": "y",
|
||||
"字节跳动": "y",
|
||||
"QQ": "y",
|
||||
"钉钉": "y",
|
||||
"快手": "y",
|
||||
"飞书": "y",
|
||||
"京东": "y"
|
||||
},
|
||||
"快应用": {
|
||||
"华为": "y",
|
||||
"联盟": "y"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
132
uni_modules/cc-newsTabs/readme.md
Normal file
132
uni_modules/cc-newsTabs/readme.md
Normal file
@@ -0,0 +1,132 @@
|
||||
# cc-newsTabs
|
||||
|
||||
|
||||
#### 使用方法
|
||||
```使用方法
|
||||
<!-- tabArr：tab数组 tabChange：标签栏切换 -->
|
||||
<cc-newsTabs :tabArr="tabArr" @tabChange="tabChange"></cc-newsTabs>
|
||||
|
||||
//初始化数据
|
||||
tabArr: [{
|
||||
name: '关注',
|
||||
id: '1',
|
||||
},
|
||||
{
|
||||
name: '推荐',
|
||||
id: '2'
|
||||
},
|
||||
{
|
||||
name: '体育',
|
||||
id: '3'
|
||||
},
|
||||
{
|
||||
name: '热点',
|
||||
id: '4'
|
||||
},
|
||||
{
|
||||
name: '财经',
|
||||
id: '5'
|
||||
},
|
||||
{
|
||||
name: '娱乐',
|
||||
id: '6'
|
||||
},
|
||||
{
|
||||
name: '军事',
|
||||
id: '7'
|
||||
},
|
||||
{
|
||||
name: '历史',
|
||||
id: '8'
|
||||
},
|
||||
{
|
||||
name: '本地',
|
||||
id: '9'
|
||||
}],
|
||||
|
||||
// tab标签栏改变事件
|
||||
tabChange(currentIndex) {
|
||||
|
||||
uni.showModal({
|
||||
title: "当前选择序列",
|
||||
content: "当前选择序列 = " + currentIndex
|
||||
})
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
#### HTML代码实现部分
|
||||
```html
|
||||
<template>
|
||||
<view class="content">
|
||||
|
||||
<!-- tabArr：tab数组 tabChange：标签栏切换 -->
|
||||
<cc-newsTabs :tabArr="tabArr" @tabChange="tabChange"></cc-newsTabs>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
|
||||
tabArr: [{
|
||||
name: '关注',
|
||||
id: '1',
|
||||
}, {
|
||||
name: '推荐',
|
||||
id: '2'
|
||||
}, {
|
||||
name: '体育',
|
||||
id: '3'
|
||||
}, {
|
||||
name: '热点',
|
||||
id: '4'
|
||||
}, {
|
||||
name: '财经',
|
||||
id: '5'
|
||||
}, {
|
||||
name: '娱乐',
|
||||
id: '6'
|
||||
}, {
|
||||
name: '军事',
|
||||
id: '7'
|
||||
}, {
|
||||
name: '历史',
|
||||
id: '8'
|
||||
}, {
|
||||
name: '本地',
|
||||
id: '9'
|
||||
}],
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
tabChange(currentIndex) {
|
||||
|
||||
uni.showModal({
|
||||
title: "当前选择序列",
|
||||
content: "当前选择序列 = " + currentIndex
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page,
|
||||
.content {
|
||||
background-color: #f8f8f8;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
```
|
||||
15
uni_modules/uni-combox/changelog.md
Normal file
15
uni_modules/uni-combox/changelog.md
Normal file
@@ -0,0 +1,15 @@
|
||||
## 1.0.1（2021-11-23）
|
||||
- 优化 label、label-width 属性
|
||||
## 1.0.0（2021-11-19）
|
||||
- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
|
||||
- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-combox](https://uniapp.dcloud.io/component/uniui/uni-combox)
|
||||
## 0.1.0（2021-07-30）
|
||||
- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
|
||||
## 0.0.6（2021-05-12）
|
||||
- 新增 组件示例地址
|
||||
## 0.0.5（2021-04-21）
|
||||
- 优化 添加依赖 uni-icons, 导入后自动下载依赖
|
||||
## 0.0.4（2021-02-05）
|
||||
- 优化 组件引用关系，通过uni_modules引用组件
|
||||
## 0.0.3（2021-02-04）
|
||||
- 调整为uni_modules目录规范
|
||||
295
uni_modules/uni-combox/components/uni-combox/uni-combox.vue
Normal file
295
uni_modules/uni-combox/components/uni-combox/uni-combox.vue
Normal file
@@ -0,0 +1,295 @@
|
||||
<template>
|
||||
<view class="uni-combox" :class="border ? '' : 'uni-combox__no-border'">
|
||||
<view v-if="label" class="uni-combox__label" :style="labelStyle">
|
||||
<text>{{label}}</text>
|
||||
</view>
|
||||
<view class="uni-combox__input-box">
|
||||
<input class="uni-combox__input" type="text" :placeholder="placeholder"
|
||||
placeholder-class="uni-combox__input-plac" v-model="inputVal" @input="onInput" @focus="onFocus"
|
||||
@blur="onBlur" />
|
||||
<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" @click="toggleSelector">
|
||||
</uni-icons>
|
||||
</view>
|
||||
<view class="uni-combox__selector" v-if="showSelector && filterCandidates">
|
||||
<view class="uni-popper__arrow"></view>
|
||||
<scroll-view scroll-y="true" class="uni-combox__selector-scroll">
|
||||
<view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0">
|
||||
<text>{{emptyTips}}</text>
|
||||
</view>
|
||||
<view class="uni-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index"
|
||||
@click="onSelectorClick(index)">
|
||||
<text>{{item.name}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/**
|
||||
* Combox 组合输入框
|
||||
* @description 组合输入框一般用于既可以输入也可以选择的场景
|
||||
* @tutorial https://ext.dcloud.net.cn/plugin?id=1261
|
||||
* @property {String} label 左侧文字
|
||||
* @property {String} labelWidth 左侧内容宽度
|
||||
* @property {String} placeholder 输入框占位符
|
||||
* @property {Array} candidates 候选项列表
|
||||
* @property {String} emptyTips 筛选结果为空时显示的文字
|
||||
* @property {String} value 组合框的值
|
||||
*/
|
||||
export default {
|
||||
name: 'uniCombox',
|
||||
emits: ['input', 'update:modelValue'],
|
||||
props: {
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
label: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
labelWidth: {
|
||||
type: String,
|
||||
default: 'auto'
|
||||
},
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
candidates: {
|
||||
type: Array,
|
||||
default () {
|
||||
return []
|
||||
}
|
||||
},
|
||||
emptyTips: {
|
||||
type: String,
|
||||
default: '无匹配项'
|
||||
},
|
||||
// #ifndef VUE3
|
||||
value: {
|
||||
type: [String, Number],
|
||||
default: ''
|
||||
},
|
||||
// #endif
|
||||
// #ifdef VUE3
|
||||
modelValue: {
|
||||
type: [String, Number],
|
||||
default: ''
|
||||
},
|
||||
// #endif
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showSelector: false,
|
||||
inputVal: '',
|
||||
// inputValId:0
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
labelStyle() {
|
||||
if (this.labelWidth === 'auto') {
|
||||
return ""
|
||||
}
|
||||
return `width: ${this.labelWidth}`
|
||||
},
|
||||
filterCandidates() {
|
||||
if(this.candidates) {
|
||||
return this.candidates.filter((item) => {
|
||||
return item.name.toString().indexOf(this.inputVal) > -1
|
||||
})
|
||||
}
|
||||
else{
|
||||
return null
|
||||
}
|
||||
|
||||
},
|
||||
filterCandidatesLength() {
|
||||
if(this.candidates) {
|
||||
return this.filterCandidates.length
|
||||
}
|
||||
else{
|
||||
return null
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
// #ifndef VUE3
|
||||
value: {
|
||||
handler(newVal) {
|
||||
this.inputVal = newVal
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
// #endif
|
||||
// #ifdef VUE3
|
||||
modelValue: {
|
||||
handler(newVal) {
|
||||
// console.log(1212121,newVal)
|
||||
this.inputVal = newVal
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
// #endif
|
||||
},
|
||||
methods: {
|
||||
toggleSelector() {
|
||||
this.showSelector = !this.showSelector
|
||||
},
|
||||
onFocus() {
|
||||
this.showSelector = true
|
||||
},
|
||||
onBlur() {
|
||||
setTimeout(() => {
|
||||
this.showSelector = false
|
||||
}, 153)
|
||||
},
|
||||
onSelectorClick(index) {
|
||||
// console.log(this.filterCandidates,index)
|
||||
// console.log(this.filterCandidates[index].name)
|
||||
// console.log( this.filterCandidates.length)
|
||||
|
||||
// // console.log(this.filterCandidates)
|
||||
// // this.inputValId = this.filterCandidates[index].ID
|
||||
this.showSelector = false
|
||||
// this.$emit('input', this.inputVal)
|
||||
this.$emit('update:modelValue', this.inputVal)
|
||||
this.$emit('choosed', this.filterCandidates[index])
|
||||
this.inputVal = this.filterCandidates[index].name
|
||||
},
|
||||
onInput() {
|
||||
setTimeout(() => {
|
||||
this.$emit('input', this.inputVal)
|
||||
this.$emit('update:modelValue', this.inputVal)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.uni-combox {
|
||||
font-size: 14px;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
padding: 6px 10px;
|
||||
position: relative;
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
// height: 40px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
// border-bottom: solid 1px #DDDDDD;
|
||||
}
|
||||
|
||||
.uni-combox__label {
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
padding-right: 10px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.uni-combox__input-box {
|
||||
position: relative;
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uni-combox__input {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.uni-combox__input-plac {
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.uni-combox__selector {
|
||||
/* #ifndef APP-NVUE */
|
||||
box-sizing: border-box;
|
||||
/* #endif */
|
||||
position: absolute;
|
||||
top: calc(100% + 12px);
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #EBEEF5;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
z-index: 2;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.uni-combox__selector-scroll {
|
||||
/* #ifndef APP-NVUE */
|
||||
max-height: 200px;
|
||||
box-sizing: border-box;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.uni-combox__selector-empty,
|
||||
.uni-combox__selector-item {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
/* #endif */
|
||||
line-height: 36px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
// border-bottom: solid 1px #DDDDDD;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.uni-combox__selector-item:hover {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.uni-combox__selector-empty:last-child,
|
||||
.uni-combox__selector-item:last-child {
|
||||
/* #ifndef APP-NVUE */
|
||||
border-bottom: none;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
// picker 弹出层通用的指示小三角
|
||||
.uni-popper__arrow,
|
||||
.uni-popper__arrow::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 6px;
|
||||
}
|
||||
|
||||
.uni-popper__arrow {
|
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
||||
top: -6px;
|
||||
left: 10%;
|
||||
margin-right: 3px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #EBEEF5;
|
||||
}
|
||||
|
||||
.uni-popper__arrow::after {
|
||||
content: " ";
|
||||
top: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
.uni-combox__no-border {
|
||||
border: none;
|
||||
}
|
||||
</style>
|
||||
90
uni_modules/uni-combox/package.json
Normal file
90
uni_modules/uni-combox/package.json
Normal file
@@ -0,0 +1,90 @@
|
||||
{
|
||||
"id": "uni-combox",
|
||||
"displayName": "uni-combox 组合框",
|
||||
"version": "1.0.1",
|
||||
"description": "可以选择也可以输入的表单项 ",
|
||||
"keywords": [
|
||||
"uni-ui",
|
||||
"uniui",
|
||||
"combox",
|
||||
"组合框",
|
||||
"select"
|
||||
],
|
||||
"repository": "https://github.com/dcloudio/uni-ui",
|
||||
"engines": {
|
||||
"HBuilderX": ""
|
||||
},
|
||||
"directories": {
|
||||
"example": "../../temps/example_temps"
|
||||
},
|
||||
"dcloudext": {
|
||||
"category": [
|
||||
"前端组件",
|
||||
"通用组件"
|
||||
],
|
||||
"sale": {
|
||||
"regular": {
|
||||
"price": "0.00"
|
||||
},
|
||||
"sourcecode": {
|
||||
"price": "0.00"
|
||||
}
|
||||
},
|
||||
"contact": {
|
||||
"qq": ""
|
||||
},
|
||||
"declaration": {
|
||||
"ads": "无",
|
||||
"data": "无",
|
||||
"permissions": "无"
|
||||
},
|
||||
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
|
||||
},
|
||||
"uni_modules": {
|
||||
"dependencies": [
|
||||
"uni-scss",
|
||||
"uni-icons"
|
||||
],
|
||||
"encrypt": [],
|
||||
"platforms": {
|
||||
"cloud": {
|
||||
"tcb": "y",
|
||||
"aliyun": "y"
|
||||
},
|
||||
"client": {
|
||||
"App": {
|
||||
"app-vue": "y",
|
||||
"app-nvue": "n"
|
||||
},
|
||||
"H5-mobile": {
|
||||
"Safari": "y",
|
||||
"Android Browser": "y",
|
||||
"微信浏览器(Android)": "y",
|
||||
"QQ浏览器(Android)": "y"
|
||||
},
|
||||
"H5-pc": {
|
||||
"Chrome": "y",
|
||||
"IE": "y",
|
||||
"Edge": "y",
|
||||
"Firefox": "y",
|
||||
"Safari": "y"
|
||||
},
|
||||
"小程序": {
|
||||
"微信": "y",
|
||||
"阿里": "y",
|
||||
"百度": "y",
|
||||
"字节跳动": "y",
|
||||
"QQ": "y"
|
||||
},
|
||||
"快应用": {
|
||||
"华为": "u",
|
||||
"联盟": "u"
|
||||
},
|
||||
"Vue": {
|
||||
"vue2": "y",
|
||||
"vue3": "y"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
11
uni_modules/uni-combox/readme.md
Normal file
11
uni_modules/uni-combox/readme.md
Normal file
@@ -0,0 +1,11 @@
|
||||
|
||||
|
||||
## Combox 组合框
|
||||
> **组件名：uni-combox**
|
||||
> 代码块： `uCombox`
|
||||
|
||||
|
||||
组合框组件。
|
||||
|
||||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-combox)
|
||||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839
|
||||
Reference in New Issue
Block a user