uni-app/vue 结合element ui实现菜单分类导航(类似于小米商城首页的分类导航那种)

网友投稿 1161 2022-05-30

效果如下

数据来源为uniCloud云数据库

照片来源为网络 代码来源为我的毕业设计

鼠标未放到软件上面之前

放到软件上面后

软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显

使用element ui的 卡片 走马灯 弹出框 文字链接 分割线

elementui文档地址 https://element.eleme.cn/#/zh-CN/component/installation

这里的

是数据来源 自行更换即可

完整代码如下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

uni-app/vue 结合element ui实现菜单分类导航(类似于小米商城首页的分类导航那种)

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

Element UI Vue 移动APP

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:初识react.js
下一篇:几十个程序员扎心的瞬间
相关文章