avm 的 slider 存在一些问题

C-Chicken

1. H5 上能正确的展示出应该有的效果，但是无法滑动

2.slider 组件在文档中写明了支持小程序， 但是 在小程序里面展示的却变成了输入框，里面的值是对应的 value 属性

3.slider 组件的滑块上的阴影能否再明显一些，在 安卓 app 内看上去，如果滑块和背景都是白色的，不仔细看，很难分辨出滑块的位置在哪里

C-Chicken

这是小程序上的截图，下面是复现代码

1. <template name='main'>
   
2.         <view class="body">
   
3.                 <safe-area></safe-area>
   
4.                 <view class="">
   
5.                         <slider min="0" max="100" value="15" step="1" disabled='false' backgroundColor="#eee" activeColor="#f00"
   
6.                                 block-size="20" vlock-color="#fff" @change="test" />
   
7.                 </view>
   
8.         </view>
   
9. </template>
   
10. <script>
    
11. import mSlider from '../../components/xx_avm_c/m-slider/m-slider.stml'
    
12. export default {
    
13.         name: 'main',
    
14.         components: {
    
15.                 "m-slider": mSlider
    
16.         },
    
17.         apiready() {
    
18. 
    
19.         },
    
20.         data() {
    
21.                 return {
    
22. 
    
23.                 }
    
24.         },
    
25.         methods: {
    
26.                 test(e) {
    
27.                         console.log(`${JSON.stringify(e)}=========来自=======>页面:${api.winName}; 行数: [  ];`)
    
28.                 }
    
29.         }
    
30. }
    
31. </script>
    
32. <style>
    
33. .body {
    
34.         width: 100%;
    
35.         height: 100%;
    
36. }
    
37. 
    
38. .testcc {
    
39.         position: absolute;
    
40.         top: 50px;
    
41.         left: 50px;
    
42. }
    
43. .height-8 {
    
44.         height: 8px;
    
45. }
    
46. .bg-000 {
    
47.         width: 100%;
    
48.         background: #000;
    
49. }
    
50. .width-100p {
    
51.         width: 100%;
    
52. }
    
53. .height-100p {
    
54.         height: 100%;
    
55. }
    
56. .width-300 {
    
57.         width: 300px;
    
58. }
    
59. .height-300 {
    
60.         height: 300px;
    
61. }
    
62. .width-50 {
    
63.         width: 50px;
    
64. }
    
65. .height-50 {
    
66.         height: 50px;
    
67. }
    
68. </style>

复制代码

C-Chicken

麻烦这张图放大看，在 app 端， 当滑块滑动到最右侧的时候，底部的已选择部分的颜色 超出了滑块 1-2 个像素

技术咨询-F

可能是bug, 已反馈给相关技术

常山赵子云

小程序端渲染问题已修复。更新至最新的studio3即可。

C-Chicken

常山赵子云 发表于 2021-10-16 13:50
小程序端渲染问题已修复。更新至最新的studio3即可。

大佬牛逼