Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-Mob-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-Mob-R7-Res
提交
4c9266bc
提交
4c9266bc
编写于
9月 11, 2020
作者:
Neuromancer255
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
数据选择(下拉视图)调整
上级
f6396365
变更
2
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
10 行增加
和
5 行删除
+10
-5
app-mob-select-drop-down.less
...ts/app-mob-select-drop-down/app-mob-select-drop-down.less
+6
-3
app-mob-select-drop-down.vue
...nts/app-mob-select-drop-down/app-mob-select-drop-down.vue
+4
-2
未找到文件。
src/components/app-mob-select-drop-down/app-mob-select-drop-down.less
浏览文件 @
4c9266bc
...
@@ -3,7 +3,7 @@
...
@@ -3,7 +3,7 @@
.cancel-icon {
.cancel-icon {
width: 16px;
width: 16px;
height: 16px;
height: 16px;
background-color:
#fcfcfc
;
background-color:
transparent
;
position: absolute;
position: absolute;
right: 12px;
right: 12px;
top: 50%;
top: 50%;
...
@@ -50,10 +50,13 @@
...
@@ -50,10 +50,13 @@
color: #969696;
color: #969696;
}
}
.select_text {
.select_text {
height: 4
0
px;
height: 4
3
px;
line-height: 40px;
line-height: 40px;
text-align: right;
text-align: right;
padding-right: 25px;
color: #969696;
color: #969696;
--padding-bottom:0;
--padding-end:26px;
--padding-start:0;
--padding-top:0;
}
}
}
}
src/components/app-mob-select-drop-down/app-mob-select-drop-down.vue
浏览文件 @
4c9266bc
...
@@ -2,8 +2,8 @@
...
@@ -2,8 +2,8 @@
<div
class=
"app-mobile-select-drop-down"
>
<div
class=
"app-mobile-select-drop-down"
>
<div
class=
"cancel-icon"
v-if=
"curvalue"
><ion-icon
name=
"close-circle-outline"
@
click=
"onClear"
></ion-icon></div>
<div
class=
"cancel-icon"
v-if=
"curvalue"
><ion-icon
name=
"close-circle-outline"
@
click=
"onClear"
></ion-icon></div>
<div
v-if=
"curvalue== null || curvalue==''"
class=
"ion-select-icon"
></div>
<div
v-if=
"curvalue== null || curvalue==''"
class=
"ion-select-icon"
></div>
<
div
class=
"select_text"
style=
"height: 40px;"
@
click=
"openSelect"
>
{{
curvalue
}}
</div
>
<
ion-input
class=
"select_text"
readonly=
"true"
:value=
"curvalue"
:ref=
"name+'input'"
style=
"height: 43px;"
@
click=
"openSelect"
/
>
<ion-select
:selected-text=
"selectValue"
:ref=
"name+'select'"
v-show=
"false"
:disabled=
"disabled "
@
ionChange=
"change"
interface=
"action-sheet"
:cancel-text=
"$t('app.button.cancel')"
>
<ion-select
:selected-text=
"selectValue"
:ref=
"name+'select'"
v-show=
"false"
:disabled=
"disabled "
@
ionChange=
"change"
interface=
"action-sheet"
:cancel-text=
"$t('app.button.cancel')"
>
<ion-select-option
v-for=
"option of items"
:key=
"option.value"
:value=
"option.value"
>
{{
option
.
text
}}
</ion-select-option>
<ion-select-option
v-for=
"option of items"
:key=
"option.value"
:value=
"option.value"
>
{{
option
.
text
}}
</ion-select-option>
</ion-select>
</ion-select>
</div>
</div>
...
@@ -383,6 +383,8 @@ export default class AppSelectDropDown extends Vue {
...
@@ -383,6 +383,8 @@ export default class AppSelectDropDown extends Vue {
this
.
$emit
(
'formitemvaluechange'
,
{
name
:
this
.
name
,
value
:
''
});
this
.
$emit
(
'formitemvaluechange'
,
{
name
:
this
.
name
,
value
:
''
});
}
}
this
.
selectValue
=
null
;
this
.
selectValue
=
null
;
let
select
:
any
=
this
.
$refs
[
this
.
name
+
'select'
];
select
.
value
=
null
;
this
.
$forceUpdate
();
this
.
$forceUpdate
();
}
}
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录